@font-face{font-family:Katasumi Dot;src:url(/fonts/KatasumiDotHutojix8y8.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0020-007e,u+2013-2015,u+2018-2019,u+201b-201d,u+201f,u+2022,u+2026-2027,u+3000-3002,u+300c-3011,u+301c,u+3041-3093,u+309b-309c,u+30a1-30f3,u+30fb-30fc,u+ff01-ff5e}:root{--ground:#ffffff;--surface:#ffffff;--band:#f6f5f5;--line:#e4e1e2;--line-soft:#efeded;--ink:#1c1a1b;--ink-2:#5c5759;--ink-3:#8f8a8c;--dot-color:#eceaea;--gothic:"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--dot:"Katasumi Dot",ui-monospace,monospace;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);font-family:var(--gothic);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a,body{color:var(--ink)}a{text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{height:88px;display:flex;align-items:center}.site-header img{display:block;width:224px;height:auto}@media (max-width:560px){.site-header .wrap{height:64px}.site-header img{width:168px}}.slides{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.slide{min-height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:72px 0 0;position:relative}.slide>.wrap{margin-block:auto}.panel-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:4px}.panel-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-decoration:none}.panel-dot span{width:8px;height:8px;background:#c4c0c2;display:block}.panel-dot:hover span{background:var(--ink-3)}.panel-dot[data-on=true] span{background:var(--ink);height:24px}@media (max-width:560px){.panel-nav{right:8px}}.sign-slot{height:96px;padding-bottom:40px;justify-content:center;flex:none}.scroll-sign,.sign-slot{display:flex;align-items:center}.scroll-sign{flex-direction:column;gap:8px;color:var(--ink-2);text-decoration:none}.scroll-sign .dot{font-size:16px;letter-spacing:.2em}.scroll-sign:hover{color:var(--ink)}@keyframes bob{0%,49%{transform:translateY(0)}50%,to{transform:translateY(8px)}}.scroll-sign svg{animation:bob 1.1s step-end infinite}@media (prefers-reduced-motion:reduce){.scroll-sign svg{animation:none}}.slide.closing{padding-bottom:0}.slide.closing .wrap{margin-block:auto}@media (prefers-reduced-motion:reduce){.slides{scroll-behavior:auto}}.hero{align-items:center;justify-content:center;padding:72px 24px 0;background:radial-gradient(circle at center,var(--dot-color) 1px,transparent 1.2px) 0 0 /16px 16px,var(--surface);border-bottom:1px solid var(--line);text-align:center}.hero,.hero-body{display:flex;flex-direction:column}.hero-body{margin-block:auto;max-width:100%;gap:40px}@media (min-width:561px){.hero-body{gap:64px}}.hero .sign-slot{opacity:0;transition:opacity .01s step-end .3s}.hero .sign-slot[data-on=true]{opacity:1}.hero-name{font-family:var(--dot);font-weight:400;font-size:40px;line-height:1.25;letter-spacing:.125em;margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.hero-name span{opacity:0}.hero-name span.on{opacity:1}.hero-name span:last-of-type{margin-right:-.125em}.hero-tag{margin:0;font-size:15px;color:var(--ink-2);opacity:0;transition:opacity .01s step-end .1s;max-width:100%}.hero-tag span{display:inline-block}.hero-tag[data-on=true]{opacity:1}@media (min-width:561px){.hero-name{font-size:72px}.hero-tag{font-size:17px}}@media (min-width:900px){.hero-name{font-size:96px}}@media (min-height:900px){h2.dot-h{font-size:40px}section h2{margin-bottom:40px}body{font-size:16px}.work-kv{aspect-ratio:4/3}.wrap{max-width:800px}}section.band{background:var(--band)}.eyebrow{font-family:var(--dot);font-size:16px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}h1,h2,h3{margin:0;line-height:1.5;text-wrap:balance}h1{font-size:27px}h2{font-size:21px}h3{font-size:16px}section h2{margin-bottom:32px}p{margin:0 0 1.2em}p:last-child{margin-bottom:0}.work{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.work-kv{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.work-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:12px}.work-body h3{margin:0 0 12px}.work-logo{display:block;width:240px;max-width:70%;height:auto}.work-body p{color:var(--ink-2);margin:0}.work-body .work-catch{color:var(--ink);font-size:17px;line-height:1.8}.work-body .work-note{font-size:13px;color:var(--ink-3)}.form{gap:24px;max-width:520px}.form,.form label{display:flex;flex-direction:column}.form label{gap:8px}.form label>.dot{font-size:16px;color:var(--ink-2)}.form input,.form textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:12px 14px;width:100%}.form input:focus,.form textarea:focus{outline:2px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}.form textarea{resize:vertical;line-height:1.8}.form button{font-family:var(--dot);font-size:16px;letter-spacing:.08em;color:#ffffff;background:var(--ink);border:0;border-radius:4px;padding:16px 32px;cursor:pointer;align-self:flex-start}.form button:hover{background:#000000}.form button:disabled{background:var(--ink-3);cursor:default}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.error{color:var(--ink);font-size:14px}.error,.sent{border-left:3px solid var(--ink);padding-left:12px;margin:0}.facts{width:100%;border-collapse:collapse;font-size:14px}.facts td,.facts th{text-align:left;padding:14px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}.facts th{width:168px;color:var(--ink-3);font-weight:500}.facts tr:last-child td,.facts tr:last-child th{border-bottom:0}.todo{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#ffffff;background:var(--ink);padding:2px 7px;border-radius:3px}.doc{padding-block:56px 88px}.doc h1{margin-bottom:8px}.doc .updated{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-bottom:40px}.doc h2{font-size:17px;margin:44px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.doc ol,.doc ul{padding-left:1.4em;margin:0 0 1.2em}.doc li{margin-bottom:.5em}.doc li:last-child{margin-bottom:0}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:32px 0;font-size:13px;color:var(--ink-3)}.site-footer .wrap{display:flex;flex-direction:column;gap:20px}.foot-nav{display:flex;gap:20px;flex-wrap:wrap}.foot-nav a{color:var(--ink-2);text-decoration:none}.foot-nav a:hover{color:var(--ink)}.copyright{font-size:12px;letter-spacing:.02em}.dot{font-size:16px;letter-spacing:.04em}.dot,h2.dot-h{font-family:var(--dot);line-height:1.5}h2.dot-h{font-size:24px;letter-spacing:.06em;font-weight:400}h2.dot-h span{display:inline-block}@media (min-width:561px){h2.dot-h{font-size:32px}}@media (max-width:560px){.slide{padding-top:56px}.hero{padding-left:0;padding-right:0}.hero-tag{padding-inline:24px;box-sizing:border-box}.facts th{width:auto;display:block;padding-bottom:0;border-bottom:0}.facts td{display:block;padding-top:4px}.work-body{padding:24px}}