:root{--paper:#F4F4EF;--card:#FFFFFF;--ink:#11231C;--ink2:rgba(17,35,28,.8);--ink3:rgba(17,35,28,.62);--line:rgba(17,35,28,.14);--rule:rgba(17,35,28,.4);--accent:#2340B4;--jp:-apple-system,BlinkMacSystemFont,"SF Pro JP","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;--en:"Archivo",-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;--g:32px;--max:1180px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink2);font-family:var(--jp);font-weight:400;font-size:17px;line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}p,h1,h2,h3,li,td,th,span,a,figcaption{word-break:auto-phrase;line-break:strict;overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.4;text-wrap:balance}p{text-wrap:pretty}strong,b{font-weight:600;color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{list-style:none}::selection{background:var(--ink);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}.num{font-family:var(--en);font-weight:300;font-stretch:90%;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.go{color:var(--accent)}.more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;color:var(--accent)}.more:hover{text-decoration:underline;text-underline-offset:4px}.bar{position:sticky;top:0;z-index:20;background:#f4f4efeb;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:52px;gap:16px}.mark{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap}.nav{display:flex;gap:26px;font-size:13px}.nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);white-space:nowrap}.nav a:hover{color:var(--ink)}.nav a[aria-current]{color:var(--ink);font-weight:600}.nav a.go{color:var(--accent)}.top{padding:72px 0 0}.top h1{font-size:48px;line-height:1.15}.top .lead{margin-top:14px;max-width:44em}.sec{padding-top:88px}.sec h2{font-size:24px;line-height:1.35;max-width:40em}.q{color:var(--ink3)}.sec .body{margin-top:28px;max-width:40em}.sec .body p+p{margin-top:1.1em}.hello{padding:28px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px 32px;flex-wrap:wrap}.hello p{font-size:15px;color:var(--ink2);max-width:46em}.hello .ways{display:flex;gap:22px;flex:none}.mast{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0;margin:28px 0}.mast .name{white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:600;color:var(--ink)}.mast .tabs{min-width:0;display:flex;gap:18px;font-size:13px;color:var(--ink3);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.mast .tabs::-webkit-scrollbar{display:none}.mast .tabs a,.mast .tabs button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.mast .tabs .on{color:var(--ink)}.d{color:var(--ink3);font-size:14px;line-height:1.7}.meta{font-size:12px;color:var(--ink3);margin-bottom:6px;display:flex;gap:10px;align-items:baseline}.meta .num{font-size:13px}.draftmark{color:var(--accent)}.ph{display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:13px;background:#e8e8e1;border-radius:4px}.lead-post{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--line)}.lead-post img,.lead-post .ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;background:#e8e8e1}.lead-post h2{font-size:26px;line-height:1.45;margin-bottom:10px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px;padding-top:32px}.post img,.post .ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;background:#e8e8e1}.post h3{font-size:17px;line-height:1.45;margin:12px 0 6px}.post .d{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post:hover h3,.lead-post:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.empty{padding:32px 0;color:var(--ink3)}.article{max-width:680px;margin:0 auto;padding-top:56px}.article .head{padding-bottom:28px;margin-bottom:36px;border-bottom:1px solid var(--line)}.article h1{font-size:clamp(28px,4.2vw,40px);line-height:1.3;margin:10px 0 14px}.article .head p{font-size:15px;line-height:1.8;color:var(--ink3)}.article .cover{width:100%;border-radius:4px;margin:0 0 40px}.prose{font-size:17px;line-height:1.8;color:var(--ink2)}.prose p{margin:0 0 1.4em}.prose h2{font-size:24px;line-height:1.4;margin:2.6em 0 .8em}.prose h3{font-size:19px;line-height:1.5;margin:2em 0 .6em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose ol,.prose ul{padding-left:1.4em;margin:0 0 1.4em}.prose li{margin:.3em 0}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose blockquote{font-size:17px;line-height:1.8;color:var(--ink);background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:18px 22px;margin:1.2em 0}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:.4em;color:var(--ink3);font-size:15px}.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:1.2em 0 1.8em}.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 20px 12px 0;border-bottom:1px solid var(--line);font-weight:400}.prose thead th{color:var(--ink);font-weight:600;border-bottom:1px solid var(--rule)}.prose code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:#11231c0f;padding:1px 5px;border-radius:4px}.prose img{border-radius:4px;margin:1.6em 0}.after{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule)}.after h2{font-size:17px;line-height:1.5}.after p{font-size:15px;margin-top:6px}.after ul li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.after ul li a:hover{color:var(--ink)}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;box-shadow:inset 0 0 0 1px var(--line);background:var(--card);color:var(--ink)}.btn.main{background:var(--accent);color:#fff;box-shadow:none}.btn:hover{box-shadow:inset 0 0 0 1px var(--rule)}.btn.main:hover{opacity:.9}.reel{max-width:1440px;margin:0 auto;padding:0 var(--g)}.shot{margin:0 0 56px}.shot img{width:100%;aspect-ratio:2.39/1;object-fit:cover;background:#1b1f1d}.shot figcaption{margin-top:10px;font-size:13px;line-height:1.6;color:var(--ink3)}.shot figcaption b{font-weight:600;color:var(--ink);margin-right:10px}.work-head{padding:64px 0 36px}.work-head h1{font-size:clamp(26px,3.6vw,36px);line-height:1.35;max-width:24em}.work-head p{margin-top:8px;font-size:15px;color:var(--ink3)}.work-head p .num{font-size:15px}.work-text{max-width:680px;margin:8px auto 0;padding:0 var(--g)}.rows{border-top:1px solid var(--line);max-width:40em}.rows li{display:grid;grid-template-columns:8em minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}.rows li .k{color:var(--ink3)}.rows li .v{color:var(--ink)}.rows li .v a{color:var(--accent)}footer{margin-top:120px;border-top:1px solid var(--line);padding:28px 0 56px;font-size:13px;color:var(--ink3)}footer .wrap{display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap}footer nav{display:flex;gap:6px 22px;flex-wrap:wrap}footer a{min-height:32px;display:inline-flex;align-items:center}footer a:hover{color:var(--ink)}footer .name{color:var(--ink);font-weight:600}@media (max-width:1000px){.lead-post h2{font-size:22px}}@media (max-width:820px){.lead-post{grid-template-columns:1fr;gap:16px}.posts{grid-template-columns:1fr 1fr;gap:28px 20px}}@media (max-width:760px){:root{--g:16px}.nav{gap:14px}.nav .wide{display:none}.top{padding-top:40px}.top h1{font-size:34px}.top .lead{font-size:16px;margin-top:10px}.sec{padding-top:64px}.sec h2{font-size:21px}.sec h2 .q{display:block}.sec .body{margin-top:20px}.shot{margin-bottom:36px}.reel{padding:0}.shot figcaption{padding:0 var(--g)}.work-head{padding:40px 0 24px}.rows li{grid-template-columns:1fr;gap:2px}footer{margin-top:88px}}@media (max-width:560px){.lead-post h2{font-size:19px;line-height:1.5}.lead-post .d{font-size:13px}.posts{grid-template-columns:1fr;gap:0;padding-top:8px}.post{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}.post img,.post .ph{aspect-ratio:1/1}.post>div{min-width:0}.post h3{font-size:15px;margin:0 0 4px;line-height:1.5}.post .d{-webkit-line-clamp:2;font-size:12.5px}.hello .ways{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}