/* Original friendly design, using the site's wider content area. */
.page.wide-original{width:100%;max-width:1280px;padding:0 clamp(24px,4vw,48px)}
.wide-original .opening{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);padding-bottom:56px}
.wide-original .opening h1{font-size:clamp(44px,4.1vw,64px);max-width:720px}
.wide-original .lead{max-width:540px;font-size:18px}
.wide-original .portrait{width:100%;max-width:390px;justify-self:end}
.wide-original .story-grid{grid-template-columns:minmax(0,1fr) minmax(250px,25%);gap:clamp(40px,7vw,110px);padding-top:48px}
.wide-original .story-copy p{font-size:17px;line-height:1.85;max-width:68ch}
.wide-original .story-copy h2{font-size:28px}
.wide-original .story-copy .quiet-note{font-size:12px}
.wide-original .story-copy .signature{font-size:30px}
.wide-original .maker{padding:28px 25px}
.wide-original .maker p{font-size:13px;line-height:1.85}
.wide-original .projects a>span{font-size:12px}
.wide-original .projects small{font-size:10px}
.wide-original .personal-link{font-size:11px}
.site-nav{max-width:none;margin:0 clamp(24px,3.2vw,72px);padding-left:0;padding-right:0}
.site-footer{max-width:none;margin:0 clamp(24px,4vw,80px);padding-left:0;padding-right:0}
@media(min-width:1600px){.wide-original .portrait{max-width:440px}.wide-original .story-copy{max-width:1000px}}
@media(max-width:800px){.wide-original .opening{gap:36px}.wide-original .opening h1{font-size:42px}.wide-original .lead{font-size:16px}.wide-original .story-grid{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.wide-original .story-copy p{font-size:15px}.wide-original .maker{padding:22px 19px}.wide-original .story-copy h2{font-size:25px}}
@media(max-width:600px){.page.wide-original{padding:0 24px}.wide-original .opening{grid-template-columns:1fr;gap:28px;padding-bottom:35px}.wide-original .opening h1{font-size:43px}.wide-original .lead{font-size:16px}.wide-original .portrait{max-width:280px;justify-self:center}.wide-original .story-grid{grid-template-columns:1fr;gap:35px;padding-top:32px}.wide-original .story-copy h2{font-size:23px}.wide-original .story-copy p{font-size:16px;line-height:1.85}.wide-original .maker{padding:25px}.wide-original .maker p{font-size:13px}.site-nav{margin:0 22px}.site-footer{margin:0 24px}}

/* Keep the article shell aligned and centered on larger screens. */
@media(min-width:801px){.site-nav,.site-footer{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(24px,4vw,48px);padding-right:clamp(24px,4vw,48px)}}