:root{--bg:#fff;--surface:#f6f5f3;--text:#16181d;--muted:#5d636e;--line:#e4e2de;--accent:#c8102e;--accent-ink:#fff;--link:#a50d26;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans", "Noto Sans JP", sans-serif;--serif:Charter, "Bitstream Charter", "Iowan Old Style", Georgia, "Hiragino Mincho ProN", serif;--radius:10px;--max:1240px;--narrow:740px}@media (prefers-color-scheme:dark){:root{--bg:#121317;--surface:#1c1e24;--text:#ececee;--muted:#a2a7b2;--line:#2c2f37;--link:#ff7d8f}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:17px/1.6 var(--sans);margin:0}img{max-width:100%;height:auto}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.sr-only,.skip:not(:focus){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:99;background:var(--bg);padding:8px 12px;position:fixed;top:8px;left:8px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{align-items:center;gap:24px;height:64px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.logo b{color:var(--accent)}.mark{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.nav{scrollbar-width:none;flex:1;gap:20px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:21px 0;font-size:15px;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--text);border-color:var(--accent)}.search-link{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid}.search-link:hover{background:var(--surface)}.menu{position:relative}.menu summary{cursor:pointer;gap:5px;padding:10px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:currentColor;width:22px;height:2px;display:block}.menu-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:230px;padding:10px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 12px 30px #0000001f}.menu-panel a{border-radius:6px;padding:8px 12px;text-decoration:none}.menu-panel a:hover{background:var(--surface)}.grid{gap:28px 24px;display:grid}.grid.four{grid-template-columns:repeat(4,1fr)}.card{flex-direction:column;gap:12px;min-width:0;display:flex}.card-img{aspect-ratio:3/2;border-radius:var(--radius);background:var(--surface);display:block;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .card-img img{transform:scale(1.04)}.noimg{height:100%;color:var(--muted);background:linear-gradient(135deg, var(--surface), var(--line));place-items:center;font-weight:700;display:grid}.card h3{font:700 18px/1.3 var(--sans);letter-spacing:-.01em;margin:0}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--link)}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.card time,.meta,.count{color:var(--muted);font-size:14px}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;text-decoration:none}.card.small h3{font-size:16px}.card.big h3{font:700 clamp(26px, 3.2vw, 40px)/1.15 var(--serif);letter-spacing:-.015em}.card.big p{-webkit-line-clamp:3;font-size:17px}.card.big .card-img{aspect-ratio:16/10}.hero{grid-template-columns:1.6fr 1fr;gap:32px;padding-top:32px;padding-bottom:16px;display:grid}.hero-side{grid-template-columns:1fr 1fr;align-content:start;gap:24px;display:grid}.section-title{font:800 22px/1.2 var(--sans);letter-spacing:-.01em;border-top:3px solid var(--text);justify-content:space-between;align-items:baseline;margin:48px 0 20px;padding-top:14px;display:flex}.section-title a{text-decoration:none}.section-title .all{color:var(--muted);font-size:14px;font-weight:600}.more{text-align:center;margin:32px 0 0}.more a,.pager a,.pager span[aria-current]{border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.more a:hover,.pager a:hover{border-color:var(--text)}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin:48px 0;display:flex}.pager span[aria-current]{background:var(--text);color:var(--bg);border-color:var(--text)}.pager>span:not([aria-current]){padding:10px 4px}.list-head{padding-top:40px}.list-head h1{font:700 clamp(32px, 4vw, 48px)/1.1 var(--serif);letter-spacing:-.02em;margin:6px 0 10px}.list-head p{max-width:680px;color:var(--muted);margin:0 0 6px}.list-head+.wrap{margin-top:28px}.post-head{padding-top:40px}.crumbs{color:var(--muted);font-size:14px}.crumbs a{color:var(--accent);font-weight:700;text-decoration:none}.post-head h1,.page h1{font:700 clamp(30px, 4.4vw, 46px)/1.12 var(--serif);letter-spacing:-.02em;margin:12px 0 14px}.meta a{color:inherit}.prose{font:19px/1.72 var(--serif);margin-top:28px}.prose p{margin:0 0 1.2em}.prose a{color:var(--link);text-underline-offset:3px}.prose h2,.prose h3{font-family:var(--sans);margin:1.8em 0 .6em;line-height:1.25}.prose figure{margin:2em 0}.prose figure img,.prose>p>img,.prose>p>a>img{border-radius:6px;margin:0 auto;display:block}.prose figcaption{font:14px/1.5 var(--sans);color:var(--muted);text-align:center;margin-top:10px}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.5em 0;padding:4px 0 4px 20px}.prose ul,.prose ol{padding-left:1.3em}.prose table{border-collapse:collapse;font:15px var(--sans);width:100%}.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}.video{aspect-ratio:16/9;margin:2em 0;position:relative}.video iframe{border:0;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.lede{color:var(--muted);font-size:22px}.post-foot{margin-top:40px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags a{background:var(--surface);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none}.tags a:hover{background:var(--line)}.author-box{background:var(--surface);border-radius:var(--radius);gap:16px;margin:32px 0;padding:22px;display:flex}.author-box .mark{width:52px;height:52px;font-size:16px}.author-box p{color:var(--muted);margin:4px 0 8px;font-size:15px}.author-box a{color:var(--link);font-size:15px;font-weight:600;text-decoration:none}.prevnext{grid-template-columns:1fr 1fr;gap:16px;display:grid}.prevnext a{border:1px solid var(--line);border-radius:var(--radius);padding:16px;font-weight:600;line-height:1.35;text-decoration:none;display:block}.prevnext a:hover{border-color:var(--text)}.prevnext small{color:var(--muted);margin-bottom:4px;font-weight:500;display:block}.prevnext .next{text-align:right}.comments ol{margin:0;padding:0;list-style:none}.comments li{border-bottom:1px solid var(--line);padding:16px 0}.comments li.own{border-left:3px solid var(--accent);padding-left:16px}.comments li p{overflow-wrap:anywhere;margin:0}.comments .who{margin-bottom:4px}.comments .who time{color:var(--muted);margin-left:6px;font-size:14px}.closed{color:var(--muted);font-size:15px}.lightbox{z-index:50;cursor:zoom-out;background:#000000e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox img{width:auto;max-height:92vh}.page{padding-top:40px;padding-bottom:20px}.years{flex-wrap:wrap;gap:8px;display:flex}.years a{border:1px solid var(--line);border-radius:999px;padding:4px 12px;text-decoration:none}.archive-year h2{font:800 26px var(--sans);margin:40px 0 10px}.archive-year small{color:var(--muted);font-size:15px;font-weight:500}.archive-year ul{margin:0;padding:0;list-style:none}.archive-year li{border-bottom:1px solid var(--line);gap:16px;padding:7px 0;display:flex}.archive-year time{width:64px;color:var(--muted);flex:none;font-size:15px}.archive-year a{text-decoration:none}.archive-year a:hover{color:var(--link)}#search{--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--surface);--pagefind-ui-font:var(--sans)}.site-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:80px}.foot{grid-template-columns:2fr 2fr 1fr;gap:40px;padding-top:48px;padding-bottom:24px;display:grid}.foot p{color:var(--muted);max-width:420px;font-size:15px}.foot h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 12px;font-size:13px}.foot nav{flex-direction:column;gap:6px;display:flex}.foot nav[aria-label=All\ categories]{grid-template-columns:1fr 1fr;align-content:start;gap:6px 20px;display:grid}.foot nav[aria-label=All\ categories] h2{grid-column:1/-1}.foot nav a{font-size:15px;text-decoration:none}.foot nav a:hover{color:var(--link)}.copy{color:var(--muted);padding-bottom:32px;font-size:13px}@media (width<=1000px){.grid.four{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.nav{display:none}.bar{justify-content:space-between}.foot{grid-template-columns:1fr 1fr}}@media (width<=560px){body{font-size:16px}.wrap{padding:0 16px}.grid.four{gap:22px 14px}.card.normal p{display:none}.card h3,.card.small h3{font-size:15px}.hero-side{gap:16px 14px}.prose{font-size:18px}.foot,.prevnext{grid-template-columns:1fr}.prevnext .next{text-align:left}}.lead{max-width:1400px;margin:24px auto 0;padding:0 20px;position:relative}.lead-img{aspect-ratio:21/9;background:var(--surface);border-radius:14px;display:block;overflow:hidden}.lead-img img{object-fit:cover;width:100%;height:100%}.lead-text{color:#fff;background:linear-gradient(#0000,#000000c7);border-radius:0 0 14px 14px;max-width:none;padding:120px 40px 36px;position:absolute;bottom:0;left:20px;right:20px}.lead-text .kicker{color:#fff;background:var(--accent);border-radius:4px;padding:4px 10px}.lead-text h2{font:700 clamp(28px, 4vw, 52px)/1.1 var(--serif);letter-spacing:-.02em;max-width:900px;margin:14px 0 10px}.lead-text h2 a{text-decoration:none}.lead-text p{opacity:.92;max-width:720px;margin:0;font-size:18px}.top-row{margin-top:28px}.grid.three{grid-template-columns:repeat(3,1fr);gap:36px 28px}.grid.three .card h3{font-size:21px}.post-hero{max-width:1240px;margin:28px auto 0}.post-hero img{object-fit:cover;border-radius:12px;width:100%;max-height:78vh;display:block}.post-hero img.tall{object-fit:contain;width:auto;max-height:82vh;margin:0 auto}.post-hero figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.narrow{max-width:800px}@media (width<=1000px){.grid.three{grid-template-columns:repeat(2,1fr)}.lead-img{aspect-ratio:16/10}.lead-text{padding:80px 24px 22px}}@media (width<=560px){.lead{margin-top:0;padding:0}.lead-img{aspect-ratio:4/3;border-radius:0}.lead-text{color:var(--text);background:0 0;padding:16px;position:static}.lead-text p{color:var(--muted);font-size:16px}.grid.three .card h3{font-size:15px}.post-hero{padding:0}.post-hero img{border-radius:0}}.progress{z-index:30;height:3px;position:fixed;top:0;left:0;right:0}.progress span{background:var(--accent);width:0;height:100%;display:block}.floater{z-index:25;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.floater[hidden]{display:none}.photo-count,.to-top{font:600 14px var(--sans);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 16px;box-shadow:0 6px 20px #0000001f}.to-top{cursor:pointer}.to-top:hover{border-color:var(--text)}.lightbox{cursor:default;grid-template-columns:64px 1fr 64px;padding:0}.lightbox figure{justify-items:center;gap:10px;margin:0;display:grid}.lightbox img{border-radius:4px;width:auto;max-width:100%;max-height:86vh}.lightbox figcaption{color:#ddd;font:15px var(--sans);text-align:center}.lb-n{color:#fff;margin-right:8px;font-weight:700}.lightbox button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:0;height:100%;font-size:44px}.lightbox button:hover{opacity:1}.lb-close{position:absolute;top:10px;right:16px;height:auto!important;font-size:40px!important}@media (width<=560px){.lightbox{grid-template-columns:1fr}.lb-prev,.lb-next{display:none}.floater{bottom:12px;right:12px}}.strip{margin-top:18px}.strip p{font:600 14px var(--sans);color:var(--muted);margin:0 0 8px}.strip-row{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.strip-row a{aspect-ratio:4/3;scroll-snap-align:start;background:var(--surface);border-radius:6px;flex:none;width:112px;position:relative;overflow:hidden}.strip-row img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.strip-row a:hover img{opacity:.8}.strip-row span{font:700 11px var(--sans);color:#fff;background:#0000008c;border-radius:4px;padding:1px 6px;position:absolute;bottom:5px;left:6px}.prose img{scroll-margin-top:90px}.badge{z-index:1;font:700 12px var(--sans);color:#fff;background:#0000009e;border-radius:999px;padding:4px 9px;position:absolute;bottom:10px;right:10px}.chips{flex-wrap:wrap;gap:8px;display:flex;margin-top:18px!important}.chips button{font:600 14px var(--sans);border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px}.chips button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.card[hidden]{display:none}.otd{background:var(--surface);border-radius:14px;margin-top:48px;padding:24px}.otd[hidden]{display:none}.otd h2{font:800 22px var(--sans);margin:0 0 4px}.otd>p{color:var(--muted);margin:0 0 18px}.otd-list{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.otd-list a{gap:8px;text-decoration:none;display:grid}.otd-list img{aspect-ratio:3/2;object-fit:cover;background:var(--line);border-radius:8px;width:100%}.otd-list strong{font-size:16px;line-height:1.3}.otd-list span{color:var(--accent);font:800 12px var(--sans);letter-spacing:.06em}@media (width<=1000px){.otd-list{grid-template-columns:repeat(2,1fr)}}.chips a.chip{font:600 14px var(--sans);border:1px solid var(--line);border-radius:999px;padding:7px 14px;text-decoration:none}.chips a.chip:hover{border-color:var(--text)}.menu-panel hr{border:0;border-top:1px solid var(--line);margin:6px 0}.nav{gap:22px}.menu-panel{max-height:calc(100vh - 90px);overflow:auto}.menu-label{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 12px 2px}.ph{width:fit-content;max-width:100%;margin:0 auto;display:block;position:relative}.ph img{border-radius:6px;margin:0 auto;display:block}.ph.fit,.ph.fit img{width:100%}.ph.wide{width:min(1120px,100vw - 40px);max-width:none;left:50%;transform:translate(-50%)}.ph.wide img{border-radius:10px;width:100%}.ph.tall img{width:auto;max-height:85vh}.post-hero .ph{width:100%}.ph[data-n]:before{content:attr(data-n);z-index:1;-webkit-backdrop-filter:blur(6px);color:#fff;min-width:40px;height:40px;font:800 18px/38px var(--sans);text-align:center;pointer-events:none;background:#0000008c;border:1px solid #ffffff59;border-radius:999px;padding:0 12px;position:absolute;top:14px;left:14px;box-shadow:0 4px 14px #00000040}.exif{z-index:2;position:absolute;bottom:14px;right:14px}.exif-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.4);background:linear-gradient(135deg,#ffffff4d,#ffffff14),#0f121940;border:1px solid #ffffff80;border-radius:50%;width:32px;height:32px;padding:0;font:italic 700 17px/1 Georgia,serif;box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff73}.exif-panel{color:#fff;text-align:left;-webkit-backdrop-filter:blur(16px)saturate(1.5);opacity:0;visibility:hidden;background:linear-gradient(160deg,#ffffff38,#ffffff0d 60%),#0c0e148c;border:1px solid #ffffff59;border-radius:14px;width:310px;max-width:calc(100vw - 48px);padding:14px 16px 12px;transition:opacity .2s,transform .2s,visibility .2s;display:block;position:absolute;bottom:42px;right:0;transform:translateY(6px);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff59}.ph:hover .exif-panel,.exif.open .exif-panel,.exif-btn:focus-visible+.exif-panel{opacity:1;visibility:visible;transform:none}.exif-title{font:600 17px var(--serif);border-bottom:1px solid #ffffff4d;margin-bottom:8px;padding-bottom:8px;display:block}.exif-grid{font:14px/1.4 var(--sans);grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.exif-grid .k{color:#ffffffb3}.exif-grid .v{white-space:nowrap;margin:0;font-weight:600}.prose figure:has(figcaption){background:#0b0c0f;border-radius:10px;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:10px 10px 0}.prose figure:has(figcaption) .ph img{border-radius:4px}.prose figure:has(figcaption) figcaption{color:#f2f2f2;text-align:left;font:15px/1.5 var(--sans);max-width:100%;margin:0;padding:12px 6px 14px}.prose figure:has(.ph.wide){width:min(1140px,100vw - 40px);max-width:none;position:relative;left:50%;transform:translate(-50%)}.prose figure:has(.ph.wide) .ph.wide,.prose figure:has(.ph.fit) .ph.fit{width:100%;left:0;transform:none}.prose figure:has(.ph.fit){width:100%}.lb-exif{color:#aaa;margin-top:4px;font-size:13px;display:block}@media (width<=560px){.ph.wide{width:100vw}.ph.wide img{border-radius:0}.prose figure:has(.ph.wide){border-radius:0;width:100vw;padding:0}.prose figure:has(figcaption) figcaption{padding:10px 14px 12px}.exif-panel{width:280px}.ph[data-n]:before{min-width:34px;height:34px;font-size:16px;line-height:32px;top:10px;left:10px}}#search .pagefind-ui__search-input{font:500 18px var(--sans);color:var(--text)!important;background:var(--surface)!important;border-color:var(--line)!important}#search .pagefind-ui__search-input::placeholder{color:var(--muted);opacity:1}#search .pagefind-ui__search-clear{font:600 14px var(--sans);color:var(--text)!important;background:var(--surface)!important;border:0!important}#search .pagefind-ui__form:before{background-color:var(--muted)!important}