*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--forest);font-family:Nitti,monospace;font-weight:400}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{display:block;width:100%;height:auto}h1,h2{font-family:Veneer,sans-serif;font-weight:400;text-transform:uppercase}.wrap{max-width:1360px;margin:auto;padding-left:var(--g);padding-right:var(--g)}.topo{background-color:var(--forest);color:var(--pale);background-image:linear-gradient(#031f1ce6,#031f1ce6),url(topo.jpeg);background-position:center;background-repeat:repeat}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;font-size:13px;line-height:1.5}.nav a{text-decoration:none}.nav .right{display:flex;gap:28px;align-items:center}.active{text-decoration:underline!important;text-underline-offset:5px}.rpr{display:flex;align-items:baseline;gap:16px}.rpr strong{font-family:Veneer;font-size:24px;font-weight:400}.hero{padding-top:46px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px}.hero h1{font-size:144px;line-height:.82;letter-spacing:-.015em}.hero .sub{font-size:14px;margin-top:24px}.intro p{font-size:18px;line-height:1.65;max-width:43ch}.actions{display:flex;align-items:center;gap:28px;margin-top:28px;font-size:13px}.cut{display:inline-flex;align-items:center;justify-content:center}.quiet{text-decoration:underline}.latest{padding-top:64px;padding-bottom:88px}.latest .marker{margin-bottom:32px}.latest-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}.meta{font-size:13px;line-height:1.55;color:var(--slate)}.latest h2{font-size:62px;line-height:.94;max-width:none;margin:18px 0 24px}.latest p{font-size:17px;line-height:1.65;max-width:43ch}.read{display:inline-block;margin-top:28px}.latest-photo img{aspect-ratio:3/2;object-fit:contain}.latest-photo figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:var(--slate)}.register{padding-bottom:88px}.register .marker{margin-bottom:24px}.row{display:grid;grid-template-columns:150px 1fr 30px;gap:24px;align-items:baseline;border-top:1px solid #031f1c35;padding:28px 0;text-decoration:none}.row:last-child{border-bottom:1px solid #031f1c35}.row time{font-size:13px;color:var(--slate)}.row span{font-size:24px;line-height:1.35}.row i{font-style:normal;font-size:22px}.footer{padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between;gap:32px;font-size:12px;line-height:1.8}.footer .brand{font-family:Veneer;font-size:40px;line-height:1}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer a{text-decoration:none}.letter-nav .brand{font-family:Veneer;font-size:26px}.letter-head{max-width:1000px;margin:auto;padding:64px 80px 0}.letter-head h1{font-size:80px;line-height:.9;max-width:17ch;margin-top:20px;margin-bottom:48px;letter-spacing:-.01em}.letter-head .meta{max-width:680px;margin:auto}.letter-head h1{max-width:680px;margin-left:auto;margin-right:auto}.body{font-size:18px;line-height:1.65;padding-bottom:0}.body>p{max-width:680px;margin:0 auto 24px}.body>figure{max-width:880px;margin:56px auto}.body>.kg-gallery-card{max-width:1120px}.kg-gallery-row{display:flex;gap:20px;align-items:start}.kg-gallery-image{flex:var(--ratio)}.kg-gallery-image img{width:100%;height:auto}.body figcaption{font-size:14px;line-height:1.5;margin-top:14px;color:var(--slate)}.body figure+ p{margin-top:56px}.body>p:last-child{margin-top:44px;margin-bottom:0}.closing{max-width:680px;margin:0 auto;padding:48px 0 72px}.closing .rule{border-top:1px solid #031f1c35;padding-top:30px;display:flex;justify-content:space-between;font-size:14px;gap:30px}.join{background:var(--pale);padding:48px 0}.join .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.join p{font-size:20px;line-height:1.5;max-width:40ch}.body-area{padding:0 var(--g)}.mock-action{cursor:default}.small-note{font-size:12px;color:var(--slate)}@media(max-width:700px){.nav{padding-top:20px;padding-bottom:20px;font-size:12px;align-items:flex-start}.nav .right{gap:16px;flex-wrap:wrap;justify-content:flex-end;max-width:220px}.rpr{gap:10px}.rpr .back{display:none}.hero{padding-top:32px;padding-bottom:40px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:80px;line-height:.85}.hero .sub{margin-top:16px;font-size:12px}.intro p{font-size:16px;line-height:1.65}.actions{gap:22px;margin-top:24px;font-size:12px}.latest{padding-top:40px;padding-bottom:56px}.latest .marker{margin-bottom:24px}.latest-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}.latest-copy{display:contents}.latest .meta{order:0}.latest h2{order:1;font-size:40px;line-height:.96;margin:16px 0 24px;max-width:none}.latest-photo{order:2;margin-bottom:24px}.latest-photo figcaption{display:none}.latest p{order:3;font-size:16px;line-height:1.65}.latest .read{order:4;align-self:flex-start;margin-top:24px}.register{padding-bottom:56px}.row{grid-template-columns:1fr 24px;gap:8px 16px;padding:22px 0}.row time{grid-column:1/3}.row span{font-size:20px}.row i{font-size:20px}.footer{flex-direction:column;gap:24px;padding-top:32px;padding-bottom:32px}.footer-links{gap:12px 20px}.letter-nav .brand{font-size:23px}.letter-nav .right{font-size:12px;max-width:170px}.letter-head{padding:40px var(--g) 0}.letter-head h1{font-size:48px;line-height:.95;margin-top:16px;margin-bottom:32px}.meta{font-size:13px}.body{font-size:16.5px;line-height:1.65}.body>p{margin-bottom:22px}.body>figure{margin:36px calc(var(--g)*-1)}.kg-gallery-row{display:flex;flex-direction:column;gap:14px}.kg-gallery-image{width:100%}.body figcaption{font-size:13px;line-height:1.55;padding:0 var(--g);margin-top:12px}.body figure+p{margin-top:36px}.closing{padding:36px var(--g) 48px}.closing .rule{padding-top:24px;flex-direction:column;gap:18px}.join{padding:36px 0}.join .wrap{align-items:flex-start;flex-direction:column;gap:24px}.join p{font-size:18px}}

/* Revision 2: RPR composition study; no production theme. */
.nav{min-height:112px;padding-top:24px;padding-bottom:24px}.rpr-logo{display:block;height:auto;filter:brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(310%) hue-rotate(44deg) brightness(98%)}
.nav .right{gap:24px}.nav .right>*{min-height:44px;display:inline-flex;align-items:center}
.hero{padding-top:48px;padding-bottom:64px;grid-template-columns:7fr 5fr;gap:64px}.hero h1{font-size:clamp(100px,10vw,144px);line-height:.8}
.latest{padding-top:96px;padding-bottom:112px}.latest .marker{margin-bottom:40px}.latest-grid{grid-template-columns:7fr 5fr;gap:64px;align-items:center}.latest-photo{grid-column:1;grid-row:1}.latest-copy{grid-column:2;grid-row:1}.latest h2{font-size:clamp(56px,5vw,72px);line-height:.84;max-width:11ch;margin:20px 0 28px}.latest p{font-size:18px;line-height:1.65}.latest-photo img{aspect-ratio:auto}.latest-photo figcaption{letter-spacing:.04em;text-transform:uppercase}.read{margin-top:28px}.register{padding-bottom:112px}.register .marker{margin-bottom:32px}.row{padding:30px 0}.row span{font-size:23px}
main:has(.latest){background-image:linear-gradient(#edebe4ed,#edebe4ed),url(topo.jpeg);background-size:auto,1000px auto}
.footer{padding-top:56px;padding-bottom:56px;align-items:center}.footer .brand{display:block;width:62px}.footer .brand img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(310%) hue-rotate(44deg) brightness(98%)}
.letter-nav .brand{display:flex;align-items:center;gap:24px;font-size:24px}.letter-nav .brand img{width:44px}.letter-head{max-width:1120px;padding:80px 0 0}.letter-head .meta,.letter-head h1{max-width:680px}.letter-head h1{font-size:80px;line-height:.84;margin-top:24px;margin-bottom:48px}.body>figure{margin-top:64px;margin-bottom:64px}.body figcaption{font-size:12px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;margin-top:14px}.body figure+p{margin-top:64px}.closing{padding-top:64px;padding-bottom:96px}
@media(max-width:760px){.nav{min-height:100px;padding-top:20px;padding-bottom:20px}.nav .right{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.hero{display:block;padding-top:32px;padding-bottom:48px}.hero h1{font-size:80px;line-height:.8}.hero .intro{margin-top:32px}.hero .intro p{font-size:17px;line-height:1.65}.latest{padding-top:64px;padding-bottom:64px}.latest .marker{margin-bottom:28px}.latest-grid{display:flex;flex-direction:column;gap:32px;align-items:stretch}.latest-photo{order:0}.latest-copy{order:1}.latest h2{font-size:48px;line-height:.84;max-width:13ch;margin-top:16px;margin-bottom:24px}.latest p{font-size:16.5px}.latest-photo figcaption{font-size:11px}.register{padding-bottom:64px}.register .marker{margin-bottom:24px}.row{padding:24px 0}.row span{font-size:20px}.footer{padding-top:40px;padding-bottom:40px;align-items:flex-start}.footer .brand{width:48px}.letter-nav .brand{gap:14px;font-size:20px}.letter-nav .brand img{width:38px}.letter-head{padding:48px 22px 0}.letter-head h1{font-size:48px;line-height:.86;margin-bottom:36px}.body{font-size:16.5px;line-height:1.65}.body>figure{margin-top:40px;margin-bottom:40px}.body figure+p{margin-top:40px}.body figcaption{font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0}.kg-gallery-image img{max-height:none}.closing{padding-top:48px;padding-bottom:64px}}
@media(max-width:760px){.latest-copy{display:block}.latest-photo{margin-bottom:0}.latest-photo figcaption{display:block}.latest .meta{margin:0}.latest .read{margin-top:24px}}
.latest h2 a{text-decoration:none}.latest h2 a:hover{color:var(--rust)}.latest-photo>a{display:block}main:has(.latest){background-image:linear-gradient(#edebe4f7,#edebe4f7),url(topo.jpeg)}.register .marker{margin-bottom:48px}.letter-shelf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:88px 48px;align-items:start}.past-letter{min-width:0;grid-column:span 6}.past-letter:nth-child(2){margin-top:112px}.past-letter:nth-child(3){grid-column:3/11;display:grid;grid-template-columns:6fr 5fr;gap:40px;align-items:center}.past-photo{display:block;text-decoration:none}.past-photo img{width:100%;height:auto}.past-copy{padding-top:24px}.past-copy time{font:12px/1.5 Nitti,monospace;letter-spacing:.04em;color:var(--slate)}.past-copy h2{font:400 48px/.86 Veneer,sans-serif;margin:18px 0 24px;max-width:16ch}.past-copy h2 a{text-decoration:none}.past-copy h2 a:hover{color:var(--rust)}.past-copy>p{font:17px/1.65 Nitti,monospace;max-width:42ch}.past-copy .read{margin-top:24px}.past-letter:nth-child(3) .past-copy{padding-top:0}@media(max-width:760px){.register .marker{margin-bottom:32px}.letter-shelf{display:block}.past-letter,.past-letter:nth-child(2){margin:0 0 56px}.past-letter:nth-child(3){display:block;margin:0}.past-copy,.past-letter:nth-child(3) .past-copy{padding-top:22px}.past-copy h2{font-size:40px;line-height:.88;margin:16px 0 20px}.past-copy>p{font-size:16.5px}.past-copy .read{margin-top:22px}}/* Diary overview composition reused for the letter archive. */
.register .archive-heading{margin-bottom:clamp(96px,9vw,144px)}.register .archive-heading .marker{margin-bottom:40px}.archive-heading>h2{font:400 clamp(67px,8vw,144px)/.8 Veneer,sans-serif;max-width:10ch}.letter-shelf{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(64px,8vw,128px) clamp(16px,2.2vw,32px);align-items:start}.past-letter:nth-child(1){grid-column:1/9;margin-top:0}.past-letter:nth-child(2){grid-column:10/13;margin-top:0;align-self:end}.past-letter:nth-child(3){grid-column:2/6;display:block;margin-top:0}.past-copy,.past-letter:nth-child(3) .past-copy{padding-top:22px}.past-copy h2{font-size:clamp(40px,4.6vw,86px);line-height:.84;margin:14px 0 16px;max-width:none}.past-letter:nth-child(2) h2,.past-letter:nth-child(3) h2{font-size:clamp(37px,3.8vw,67px)}.past-copy>p{font-size:18px;line-height:1.65;max-width:34ch}.past-copy time{text-transform:uppercase;letter-spacing:.08em}.past-copy .read{margin-top:24px}
@media(min-width:761px) and (max-width:1100px){.letter-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px}.past-letter:nth-child(n){grid-column:auto;align-self:start}.past-copy h2,.past-letter:nth-child(2) h2,.past-letter:nth-child(3) h2{font-size:clamp(37px,4.6vw,54px)}}
@media(max-width:760px){.register .archive-heading{margin-bottom:64px}.register .archive-heading .marker{margin-bottom:32px}.archive-heading>h2{font-size:75px;line-height:.8}.letter-shelf{display:block}.past-letter:nth-child(n){display:block;margin:0 0 96px}.past-letter:nth-child(2),.past-letter:nth-child(3){width:78%;margin-left:auto}.past-letter:last-child{margin-bottom:0}.past-copy h2,.past-letter:nth-child(2) h2,.past-letter:nth-child(3) h2{font-size:51px;line-height:.84}.past-copy>p{font-size:16px;line-height:1.65}.register{padding-bottom:80px}}
.latest-grid{grid-template-columns:8fr 4fr;gap:clamp(32px,3.3vw,48px)}.latest h2{font-size:clamp(56px,5vw,72px);max-width:11ch}.latest-copy{min-width:0}.latest .meta{font-size:12px}.latest-copy>p{max-width:34ch}.register .archive-heading{margin-bottom:clamp(80px,8vw,128px)}@media(max-width:760px){.latest-grid{gap:32px}.latest h2{font-size:48px}.register .archive-heading{margin-bottom:56px}}/* Fumio-inspired rhythm: large / small / horizontal closing spread. */
.past-letter:nth-child(3){grid-column:4/13;display:grid;grid-template-columns:5fr 4fr;gap:40px;align-items:center}.past-letter:nth-child(3) .past-copy{padding-top:0}.past-letter:nth-child(3) h2{font-size:clamp(48px,5vw,72px)}
@media(min-width:761px) and (max-width:1100px){.past-letter:nth-child(3){grid-column:1/-1;grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:760px){.past-letter:nth-child(3){display:block;width:100%;margin-left:0}.past-letter:nth-child(3) .past-copy{padding-top:22px}.past-letter:nth-child(3) h2{font-size:51px}.past-letter:nth-child(3) .past-photo{width:86%}.past-letter:nth-child(3) .past-copy>p{max-width:28ch}}
.footer-out-here{display:inline-block;vertical-align:middle}
/* Topography matched to live ridepunkride.com, 25 October 2026. */
.topo{background-color:var(--forest);background-image:linear-gradient(rgba(3,31,28,.9),rgba(3,31,28,.9)),url(topo.jpeg);background-size:auto,auto;background-position:center}
main:has(.latest),.support-page{background-color:var(--paper);background-image:linear-gradient(rgba(237,235,228,.965),rgba(237,235,228,.965)),url(topo-pale.jpg);background-size:auto,clamp(48rem,62vw,76rem) auto;background-position:center}
.simple-signup,.letter-invitation{background-color:var(--pale);background-image:linear-gradient(rgba(217,225,204,.93),rgba(217,225,204,.93)),url(topo.jpeg);background-size:auto,auto;background-position:center}
.ui-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;flex:none;stroke-width:1.5}a:has(>.ui-icon),button:has(>.ui-icon){align-items:center;gap:8px}.letter-share{display:inline-flex}.support-action{text-decoration:none}.read .ui-icon{width:14px;height:14px}.letter-back .ui-icon,.support-back .ui-icon{margin-right:5px}.more-letters{padding-top:0;padding-bottom:88px}.more-letters>h2{font:400 54px/.88 Veneer,sans-serif;margin:0 0 36px}.more-letter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.more-letter{min-width:0}.more-letter .past-photo{display:block;overflow:hidden}.more-letter img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.more-letter h3{font:400 34px/.9 Veneer,sans-serif;margin:22px 0 14px}.more-letter h3 a{text-decoration:none}.more-reading{font:12px/1.5 Nitti,monospace;color:var(--slate)}a,button{transition:color .25s ease,background-color .25s ease,border-color .25s ease}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}@media(hover:hover){.letter-share:hover,.support-action:hover,.payment-choice button:hover{background:var(--forest);color:var(--pale);border-color:var(--forest)}.more-letter img,.past-photo img,.latest-photo img{transition:transform .6s cubic-bezier(.22,1,.36,1)}}@media(max-width:760px){.more-letters{padding-bottom:56px}.more-letters>h2{font-size:44px;margin-bottom:28px}.more-letter-grid{grid-template-columns:1fr;gap:40px}.more-letter h3{font-size:34px;margin-top:18px}.more-reading{font-size:12px}}@media(prefers-reduced-motion:reduce){a,button,.more-letter img,.past-photo img,.latest-photo img{transition:none!important}}