*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:instrument serif;src:url(/fonts/InstrumentSerif-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:instrument serif;src:url(/fonts/InstrumentSerif-Italic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:dm sans;src:url(/fonts/DMSans-Variable.woff2)format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dm sans;src:url(/fonts/DMSans-Italic-Variable.woff2)format('woff2');font-weight:100 900;font-style:italic;font-display:swap}:root{color-scheme:light dark;--color-bg:light-dark(#f8f7f4, #323232);--color-header:light-dark(#f2f1ed, #323232);--color-text:light-dark(#000000, #e0e0e0);--color-link:light-dark(#c10009, #ff4c4c);--color-visited:light-dark(#551A8B, #b388ff);--color-hover:light-dark(#a03338, #ff7a7a);--color-active:light-dark(#FF0000, #ff6666)}body{color:var(--color-text);background:var(--color-bg);min-height:100svh;display:flex;flex-direction:column;font-family:dm sans,sans-serif;h1 { font-size: 3rem; } h2 { font-size: 2.25rem; } h3 { font-size: 1.75rem; } h1, h2, h3 { font-family: 'Instrument Serif', serif; } p { font-size: 1.05rem; line-height: 1.8; color: #3a3a3a; margin-bottom: 1.5rem; }}a{color:var(--color-link)}a:visited{color:var(--color-visited)}a:hover{color:var(--color-hover)}a:active{color:var(--color-active)}body{display:grid;grid-template-columns:320px 1fr}header{background:var(--color-header);border-right:.5px solid #dadad5;position:sticky;top:0;height:100svh;overflow-y:auto;display:flex;flex-direction:column;div:first-child { img { border-radius:9999px; width:8rem; height:8rem; margin:2rem auto; } p { text-align:center; font-weight:600; } } nav { padding:1rem; } nav a { display:flex; align-items:center; gap:0.5rem; margin:0.5rem 0; padding:0.5rem 1rem; border-radius:0.5rem; text-decoration:none; color:black; } nav a::before { content:""; display:block; width:1.25rem; height:1.25rem; flex-shrink:0; background:currentColor; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; } nav a[data-icon="heroicons-home"]::before { -webkit-mask-image:url("/svg/heroicons-home.svg"); mask-image:url("/svg/heroicons-home.svg"); } nav a[data-icon="heroicons-book-open"]::before { -webkit-mask-image:url("/svg/heroicons-book-open.svg"); mask-image:url("/svg/heroicons-book-open.svg"); } nav a[data-icon="heroicons-photo"]::before { -webkit-mask-image:url("/svg/heroicons-photo.svg"); mask-image:url("/svg/heroicons-photo.svg"); } nav a[data-icon="heroicons-information-circle"]::before { -webkit-mask-image:url("/svg/heroicons-information-circle.svg"); mask-image:url("/svg/heroicons-information-circle.svg"); } nav a:visited { color:black; } nav a:hover { background:#eceae5; } nav a:active { } div:last-child { margin-top:auto; ul { margin:0; padding:2rem 0; list-style:none; display:flex; justify-content:center; gap:1rem; } ul li { a { border-radius:9999px; border:1px solid #eee; padding:0.5rem; background:#fdfdf8; display:block; } img { width:1rem; height:1rem; } } }}.content{max-width:94ch;margin:0 auto;h1 { font-family: 'Instrument Serif', serif; margin: 2rem 0; }}.prose{h1 { margin: 3rem 0 1.5rem; font-size: 2.5rem; } h2 { margin: 3rem 0 1.5rem; } p { margin: 1.5rem 0; } ol, ul { margin: 1.5rem 0; padding: 0 0 0 1.25rem; } ol li, ul li { margin: 0.25rem 0; }}.article-list{margin:0;padding:0}.article-list li{display:flex;align-items:baseline;gap:.5rem;padding:.75rem 0}.article-list a{white-space:nowrap;order:1}.article-list li::after{content:"";flex:1;border-bottom:2px dotted #ccc;order:2}.article-list time{white-space:nowrap;color:#666;order:3}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{padding:.25rem .75rem;border:1px solid #ccc;border-radius:9999px;text-decoration:none;font-size:.85rem}.tag:hover{background:#f0eee6}.asciinema-container{border:1px solid #eee}.ap-player.asciinema-player-theme-lpcstudio{--term-color-foreground:#1A1C22;--term-color-background:#FAF9F5;--term-color-0:#1A1C22;--term-color-1:#C63533;--term-color-2:#3F7A59;--term-color-3:#D4680F;--term-color-4:#2D739F;--term-color-5:#B9437F;--term-color-6:#3599A2;--term-color-7:#BDBFC4;--term-color-8:#3E4149;--term-color-9:#E07270;--term-color-10:#62BF8B;--term-color-11:#DC9154;--term-color-12:#61A5D0;--term-color-13:#DC83B0;--term-color-14:#6DBAC1;--term-color-15:#DCDDE1}@media(prefers-color-scheme:dark){.ap-player.asciinema-player-theme-lpcstudio{--term-color-foreground:#e0e0e0;--term-color-background:#323232;--term-color-0:#323232;--term-color-1:#E07270;--term-color-2:#62BF8B;--term-color-3:#DC9154;--term-color-4:#61A5D0;--term-color-5:#DC83B0;--term-color-6:#6DBAC1;--term-color-7:#DCDDE1;--term-color-8:#3E4149;--term-color-9:#FF8A88;--term-color-10:#8AD4A8;--term-color-11:#F0A876;--term-color-12:#89BFE0;--term-color-13:#F0A8CC;--term-color-14:#94D4DA;--term-color-15:#F0F0F3}}#search-container{margin-bottom:2rem}#search-input{width:100%;padding:.75rem 1rem;border:.5px solid #dadad5;border-radius:.5rem;background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:1rem}#search-input:focus{outline:2px solid var(--color-link);outline-offset:1px}#search-results{list-style:none;padding:0;margin:.5rem 0 0}#search-results li{padding:.75rem 0;border-bottom:.5px solid #dadad5}#search-results li a{text-decoration:none}#search-results li a strong{color:var(--color-text)}#search-results li a:hover strong{color:var(--color-link)}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:2rem 0;img { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 2px 2px rgba(0,0,0,0.2); transition: ease 0.15s 0.1s; aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: 100%; } img:hover { transform: scale(1.015); }}.photo-hero{position:relative;height:85vh;min-height:600px;overflow:hidden;flex-shrink:0}#map{position:absolute;inset:0;z-index:0}.photo-hero-fade{position:absolute;inset:0;z-index:1;background:linear-gradient( 168deg,transparent 30%,rgba(248,247,244,.4) 50%,rgba(248,247,244,.85) 65%,#f8f7f4 80% );pointer-events:none}.photo-hero-pin{position:absolute;z-index:3;top:12%;right:8%;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:500;letter-spacing:.02em;box-shadow:0 2px 12px rgba(0,0,0,.1)}.photo-hero-pin::before{content:'';display:block;width:8px;height:8px;background:#c10009;border-radius:50%;flex-shrink:0}.photo-hero-image{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(55vw,640px);border-radius:4px;box-shadow:0 25px 60px rgba(0,0,0,.25),0 8px 20px rgba(0,0,0,.15);overflow:hidden}.photo-hero-image img{display:block;width:100%;height:auto}.photo-content{position:relative;z-index:4;max-width:72ch;margin:-4rem auto 0;padding:0 2rem 6rem}.photo-content h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.2;margin-bottom:.75rem}.photo-content .photo-meta{font-size:.85rem;opacity:.6;margin-bottom:2rem;letter-spacing:.01em}.photo-content p{font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.maplibregl-ctrl-attrib{opacity:.4;font-size:10px!important}.maplibregl-ctrl-logo{opacity:.3}