/* Todd's own story, with real photos and room to read. */
.story-page header{height:auto;min-height:88px;display:grid;grid-template-columns:auto 1fr auto;gap:14px 24px;padding:18px 5%}
.story-page header nav{justify-self:center;flex-wrap:wrap;justify-content:center}
.story-page .story-nav-cta{font-size:17px;letter-spacing:.015em;padding:12px 20px;min-height:48px;white-space:nowrap}
.founder-story{max-width:1240px;margin:0 auto;padding:64px 5% 80px}
.story-opening{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'heading portrait' 'intro portrait';gap:28px 6%;align-items:center}
.founder-heading{grid-area:heading;align-self:end}
.founder-heading .eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:20px}
.founder-heading h1{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:0 0 20px}
.founder-byline{font-size:16px;line-height:1.5;color:#bfc5c8;margin:0}
.founder-portrait{grid-area:portrait}
.founder-intro{grid-area:intro;align-self:start}
.story-prose{font-size:20px;line-height:1.7;color:#d0d3d5;max-width:680px;min-width:0}
.story-prose p{margin:0 0 24px}
.story-prose p:last-child{margin-bottom:0}
.story-reading{margin:64px auto}
.story-prose .story-emphasis{font-size:clamp(25px,3vw,34px);line-height:1.3;color:#f7f7f5;font-weight:700;margin:20px 0 28px;padding-left:20px;border-left:3px solid #ed1b34}
.story-photo{margin:0;min-width:0}
.story-photo img{display:block;width:100%;height:auto}
.story-photo figcaption{font-size:14px;line-height:1.5;color:#a7aeb2;margin-top:12px}
.retreat-wide img{aspect-ratio:3/2;object-fit:cover;object-position:center 60%}
.story-photo-break{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;align-items:center;margin:56px 0 64px}
.retreat-install img{aspect-ratio:4/5;object-fit:cover;object-position:center 55%}
.story-prose .story-aside{font-size:clamp(23px,2.8vw,31px);line-height:1.45;color:#f7f7f5}
.story-wash-break{grid-template-columns:1fr 1fr}
.story-ending .story-closing-line{font-size:clamp(34px,4.5vw,52px);line-height:1.1;color:#f7f7f5;font-weight:700;margin:20px 0 32px}
.story-prose .founder-signature{font-size:21px;color:#f7f7f5;line-height:1.5}
.founder-signature span{font-size:16px;color:#a7aeb2}
.story-order{max-width:680px;margin:0 auto;border-top:1px solid #ffffff26;padding-top:32px}
.story-order-price{font-size:28px;line-height:1.3;margin:0 0 20px}
.story-order-price span{font-size:18px;margin-left:12px;color:#c4cbcd}
.story-order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.story-order .purchase-cta{font-size:21px;letter-spacing:.015em;padding:16px 28px;max-width:100%}
.story-order .text-link{display:inline-block;min-height:44px;padding:8px 0}
.story-order-note,.story-origin-note{font-size:14px;line-height:1.5;color:#a7aeb2;margin:18px 0 0}
@media(max-width:760px){
 .story-page header{grid-template-columns:1fr auto;gap:8px 14px;padding:14px 20px}
 .story-page header .brand img{width:clamp(90px,28vw,130px)}
 .story-page header nav{grid-row:2;grid-column:1/-1;justify-self:stretch;justify-content:space-between;gap:8px 16px;font-size:16px}
 .story-page .story-nav-cta{grid-row:1;grid-column:2;font-size:16px;padding:12px 16px}
 .founder-story{padding:40px 20px 56px}
 .story-opening{grid-template-columns:1fr;grid-template-areas:'heading' 'portrait' 'intro';gap:28px}
 .founder-heading h1{font-size:clamp(44px,12vw,72px)}
 .story-prose{font-size:19px;line-height:1.65}
 .story-prose p{margin-bottom:22px}
 .story-reading{margin:38px auto}
 .story-photo-break,.story-wash-break{grid-template-columns:1fr;gap:28px;margin:32px 0 40px}
 .retreat-install{width:100%;max-width:420px;justify-self:center}
 .story-photo figcaption{font-size:14px;margin-top:10px}
 .story-order-actions{gap:12px 20px}
}