:root{--bg: #f6f3ea;--ink: #2a2418;--accent: #8a6232;--muted: #e7e0d0;--display: "Newsreader", Georgia, serif;--body: "Outfit", "Segoe UI", sans-serif;--pad: 24px;--max: 760px;--wide: 1120px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:400;font-size:1.0625rem;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a,button{cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}button{font-family:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip{position:absolute;left:8px;top:8px;transform:translateY(-150%);background:var(--bg);color:var(--ink);padding:8px 16px;z-index:20;min-height:44px;display:inline-flex;align-items:center}.skip:focus{transform:none}.top{border-bottom:1px solid var(--accent)}.top-bar{max-width:var(--wide);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{position:relative;display:inline-block;width:220px;height:48px;overflow:hidden;min-height:44px;flex:0 0 auto}.brand img{position:absolute;width:250px;height:250px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.top nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.top nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:1rem;min-height:44px;padding:8px 10px;display:inline-flex;align-items:center}.top nav a:hover{color:var(--accent)}.top nav a.talk{border:1px solid var(--accent);color:var(--accent)}.top nav a.talk:hover{background:var(--accent);color:var(--bg)}.menu{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:1px solid var(--accent);padding:0}.sheet{max-width:var(--max);margin:0 auto;padding:48px var(--pad) 8px}.note-label{margin:0 0 16px;font-family:var(--body);font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.note-label:after{content:"";display:block;width:72px;height:1px;margin-top:8px;background:var(--accent);transform-origin:left center;animation:ruleDraw .7s ease-out both}@keyframes ruleDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.opening h1{margin:0 0 20px;font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.18;letter-spacing:-.02em}.lede{margin:0 0 16px;max-width:62ch;font-size:1.125rem;line-height:1.75;font-weight:300}.lede.guard{font-weight:500}.write{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:8px 16px;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:500}.write:hover{background:var(--ink)}.fence{max-width:var(--wide);margin:36px auto 0;padding:0 var(--pad) 8px}.fence-photo{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:var(--muted)}.fence-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fence figcaption{margin:0;padding:10px 0 0;font-size:.95rem;letter-spacing:.04em;color:var(--ink)}section{scroll-margin-top:16px}@media(max-width:860px){.menu{display:inline-flex}.top-bar{flex-wrap:wrap}.top nav{display:none;width:100%;flex-direction:column;align-items:stretch}.top nav.open{display:flex}}@media(max-width:420px){.brand{width:180px;height:44px}.brand img{width:200px;height:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}.note-label:after{animation:none}}.note-block h2{margin:0 0 16px;font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.02em}.note-block h3{margin:0 0 6px;font-family:var(--display);font-weight:650;font-size:1.35rem;line-height:1.3}.note-block p{margin:0 0 16px;max-width:62ch}.band{background:var(--muted)}.band .note-label,.band .steps span{color:var(--ink)}.stack article{padding:20px 0;border-top:1px solid var(--accent)}.inset{margin:8px 0 24px}.inset-photo{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background:var(--muted)}.inset-photo img,.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.inset figcaption,.posts figcaption{margin:8px 0 0;font-size:.95rem}.posts svg{width:100%;height:auto;display:block;margin-top:8px}.posts .post{transform-box:fill-box;transform-origin:center bottom;animation:postRise .7s ease-out both}@keyframes postRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.posts ul{list-style:none;margin:12px 0 0;padding:0}.posts li{margin:0 0 8px;max-width:62ch}.steps{list-style:none;margin:8px 0 0;padding:0}.steps li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--accent)}.steps span{font-family:var(--display);font-size:1.4rem;color:var(--accent)}.roster{list-style:none;margin:8px 0 0;padding:0}.roster li{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--accent)}.portrait{position:relative;width:96px;height:96px;overflow:hidden;background:var(--muted)}.roster h3,.roster p{margin:0}.letter{margin-top:24px;padding:24px;background:var(--muted)}.letter label{display:block;margin-bottom:16px;font-weight:500;font-size:.95rem}.letter input,.letter textarea{display:block;width:100%;margin-top:8px;min-height:44px;padding:10px 12px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--body);font-size:1rem}.letter textarea{min-height:140px;resize:vertical}.letter button{min-height:44px;padding:8px 16px;background:var(--accent);color:var(--bg);border:0;font-weight:500;font-size:1rem}.letter button:hover{background:var(--ink)}.hint,.fine{font-size:.98rem}.colophon{border-top:1px solid var(--accent);padding-bottom:48px}.foot-sheet{padding-top:32px}.address span,.domain{display:block;margin:0;font-family:var(--display);font-size:1.2rem;line-height:1.45}.domain{margin-top:16px;font-family:var(--body);font-size:1rem}.foot-wa{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:var(--ink);font-weight:500}.foot-wa:hover{color:var(--accent)}.foot-links{display:flex;flex-wrap:wrap;gap:8px 16px}.foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:500}.foot-links a:hover{color:var(--accent)}@media(max-width:767px){:root{--pad: 16px}.opening h1{font-size:1.85rem;line-height:1.2;max-width:11em;overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){.posts .post{animation:none}}.legal-main{padding:28px var(--pad) 16px}.legal h1{margin:8px 0 16px;font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.02em}.legal p{max-width:68ch}.legal a{color:var(--accent)}.legal .address{margin-bottom:20px}