:root{--anchor-offset:80px}
html{scroll-padding-top:var(--anchor-offset)}
.single-page{scrollbar-color:var(--ink) var(--paper)}
.single-page .site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px var(--gutter);background:var(--paper);color:var(--ink);border-bottom:1px solid transparent}
.single-page .site-header.is-scrolled{border-bottom-color:var(--line)}
.single-page .site-header .brand{display:block;align-content:center;min-height:44px}
.single-page .site-header .site-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:clamp(20px,2.5vw,40px);margin:0;width:auto}
.single-page .site-header .site-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px 0;font-size:13px;text-decoration:none;white-space:nowrap}
.single-page .site-nav a:hover,.single-page .site-nav a[aria-current="location"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.single-page :is(#origin,#coffee,#about,#contact,#welcome){scroll-margin-top:22px}
.single-page .page-details{margin:0 var(--gutter)}
.single-page .section-intro h2{max-width:19ch;font-size:clamp(31px,3.3vw,48px);line-height:1.15}
.single-page .section-copy{max-width:60ch;font-size:16px;line-height:1.8;color:var(--muted)}
.single-page .section-copy p+p{margin-top:18px}
.single-page .page-details{padding-top:30px}
.single-page .page-details>section{padding:80px 0;border-top:1px solid var(--line)}
.single-page .section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 8vw;align-items:start}
.single-page .section-copy a,.single-page .profile-source{display:inline-block;padding:10px 0;min-height:44px;font-size:13px;color:var(--ink)}
.single-page .reference-note{font-size:12px;line-height:1.8;color:var(--muted);max-width:70ch;margin:0}
.single-page .coffee-section,.single-page .inquiry-section{position:relative}
.single-page .section-alias{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.single-page .coffee-context{display:flex;align-items:center;justify-content:space-between;gap:20px 8vw;margin-top:36px}
.single-page .coffee-context .profile-source{flex-shrink:0}
.single-page .inquiry-layout{display:block}
.single-page .inquiry-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px 8vw;align-items:start}
.single-page .contact-message>p:first-child{margin-top:0;max-width:60ch}
.single-page .inquiry-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.15;max-width:15ch}
.single-page .inquiry-copy p{margin-top:24px;font-size:15px;line-height:1.8;color:var(--muted);max-width:43ch}
.single-page .inquiry-copy .button,.single-page .inquiry-copy .contact-link{margin-top:28px}
.single-page .inquiry-copy .contact-link{font:500 16px/1.6 Manrope,sans-serif;min-height:48px}
.single-page .inquiry-section .button{margin-top:26px}
.single-page.variant-j .journey-layout{display:grid;grid-template-columns:minmax(240px,27%) minmax(0,1fr);align-items:start}
.single-page.variant-j .rail-intro{position:sticky;top:calc(var(--anchor-offset) + 35px);margin:54px 34px 0 var(--gutter);padding-bottom:40px}
.single-page.variant-j .rail-intro h1{font-size:clamp(36px,3.1vw,48px);line-height:1.15}
.single-page.variant-j .rail-intro .intro-line{font-size:14px;max-width:24ch}
.single-page.variant-j .rail-intro .contact{margin-top:24px}
.single-page.variant-j .page-details{grid-column:1/-1}
.single-page.variant-j .site-footer{padding-left:var(--gutter)}
@media(min-width:1800px){.single-page .page-details{max-width:1608px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){
 .single-page .section-intro,.single-page .inquiry-copy{gap:30px 6vw}
 .single-page .page-details>section{padding:60px 0}
}
@media(max-width:700px){
 :root{--anchor-offset:70px}
 .single-page .site-header{padding:12px var(--gutter);gap:16px;flex-wrap:nowrap}
 .single-page .site-header .brand{font-size:17px;line-height:1.1;min-height:44px}
 .single-page .site-header .site-nav{width:auto;gap:16px;justify-content:flex-end}
 .single-page .site-header .site-nav a{font-size:12px;min-height:44px}
 .single-page .section-intro,.single-page .inquiry-copy{grid-template-columns:1fr;gap:25px}
 .single-page .section-intro h2{font-size:34px;max-width:19ch}
 .single-page .section-copy{font-size:15px;line-height:1.8;max-width:55ch}
 .single-page .page-details{padding-top:18px}
 .single-page .page-details>section{padding:48px 0}
 .single-page .coffee-context{display:block;margin-top:30px}
 .single-page .coffee-context .profile-source{margin-top:10px}
 .single-page .inquiry-copy{gap:26px}
 .single-page .inquiry-copy h2{font-size:39px}
 .single-page .inquiry-copy p{margin-top:21px}
 .single-page.variant-j .journey-layout{display:block}
 .single-page.variant-j .rail-intro{position:static;margin:30px var(--gutter) 0;padding-bottom:30px}
 .single-page.variant-j .rail-intro h1{font-size:clamp(42px,10.5vw,60px);max-width:16ch}
 .single-page.variant-j .rail-intro .intro-line{font-size:15px;max-width:33ch}
}
@media(max-width:380px){
 .single-page .site-header .site-nav{gap:8px}
 .single-page .section-intro h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.single-page.variant-j .rail-intro h1 br{display:initial}