/* Profile page (PC, 5 Oct 2026): his page integrated into the site, on the standard panel structure with alternating bands. */
.pf-page .lb-sec{padding:48px 0}.pf-page .lb-cream{background:var(--hp-cream)}
.pf-hero{padding-bottom:40px}.pf-herogrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 56px;align-items:start}
.pf-lead h1{font:400 clamp(2.2rem,4vw,3.2rem)/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 18px}.pf-lead h1 span{display:block}.pf-lead h1 em{font-style:italic;color:var(--hp-ink)}
.pf-leadp{font:400 1.2rem/1.5 var(--serif);max-width:52ch;margin:0}
.pf-portrait{grid-column:2;grid-row:1/3;margin:0}.pf-portrait img{display:block;width:100%;height:auto;border:1px solid var(--ink)}
.pf-wide{grid-column:1;max-width:60ch}.pf-wide p{font:400 1.0625rem/1.55 var(--serif);margin:0 0 12px}
.pf-skills{border-top:1px solid var(--hp-hair);margin-top:20px;padding-top:14px}.pf-skills .lb-k{margin-bottom:6px}
.pf-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pf-q>div{background:#fff;border:1px solid var(--hp-hair);padding:20px}.pf-q h3{font:400 1.6rem/1.15 var(--serif);margin:0}
.pf-note{margin-top:18px}.pf-sub{font:400 1.5rem/1.2 var(--serif);margin:36px 0 16px}
.pf-mand,.pf-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pf-mand>div,.pf-caps>div{background:#fff;border:1px solid var(--hp-hair);padding:18px 20px}
.pf-model{margin-top:26px}
.pf-tracks{border-top:1px solid var(--hp-ink)}.pf-track{border-bottom:1px solid var(--hp-hair)}
.pf-track summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:150px minmax(0,1.1fr) minmax(0,1.4fr) 28px;gap:24px;align-items:baseline;padding:18px 0}
.pf-track summary::-webkit-details-marker{display:none}.pf-track summary:focus-visible{outline:3px solid var(--hp-ink);outline-offset:2px}
.pf-yr{font:700 .6875rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#5a5a56}.pf-role{font:400 1.35rem/1.2 var(--serif)}.pf-metric{font:400 1rem/1.45 var(--serif);color:var(--hp-body)}
.pf-plus{font:400 1.4rem/1 var(--sans);text-align:right;transition:transform .25s}.pf-track[open] .pf-plus{transform:rotate(45deg)}
.pf-tb{padding:0 0 22px 174px;max-width:calc(70ch + 174px)}.pf-tb p{font:400 1.0625rem/1.6 var(--serif);margin:0 0 12px}
.pf-subrole{border-top:1px solid var(--hp-hair);padding:14px 0 4px}.pf-subrole h4{font:400 1.2rem/1.2 var(--serif);margin:0 0 4px}.pf-subrole .lb-k{color:var(--hp-ink)}
.pf-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pf-brands>div{background:#fff;border:1px solid var(--hp-hair);padding:18px 20px}
.pf-writes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.pf-writes a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px;padding:16px 0;border-top:1px solid var(--hp-hair);color:inherit;text-decoration:none}.pf-writes a:hover{background:var(--hp-tint)}
.pf-writes .lb-k{grid-column:1;margin:0}.pf-wt{grid-column:1;font:400 1.2rem/1.25 var(--serif)}.pf-writes a>span:last-child{grid-column:2;grid-row:1/3;align-self:center}
.pf-lifegrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:center}.pf-bike{margin:0}.pf-bike img{display:block;width:100%;height:auto;border:1px solid var(--ink)}
.pf-lifep{font:400 1.2rem/1.55 var(--serif);max-width:56ch;margin:0 0 20px}
.pf-contact{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.pf-mail{font:400 1.6rem/1.2 var(--serif);color:inherit}
@media(max-width:1000px){.pf-herogrid,.pf-lifegrid{grid-template-columns:minmax(0,1fr)}.pf-portrait{grid-column:auto;grid-row:auto}.pf-q,.pf-mand,.pf-caps,.pf-brands{grid-template-columns:minmax(0,1fr)}.pf-writes{grid-template-columns:minmax(0,1fr)}}

/* Profile, clean white look of the older Founder page; every section collapsed with a clear + (PC, 6 Oct 2026) */
.pf-page .lb-cream{background:#fff}.pf-page .lb-sec{padding:0}
.pf-q>div,.pf-mand>div,.pf-caps>div,.pf-brands>div{background:none;border:0;border-top:1px solid var(--hp-hair);padding:14px 4px 6px 0}
.pf-q>div{border-top-color:var(--hp-ink)}
.pf-hero .pf-leadp,.pf-hero .pf-wide,.pf-hero .pf-wide p,.pf-hero .pf-skills,.pf-hero .pf-skills p{max-width:560px;width:100%}
.pf-hero .pf-leadp{font-size:1.0625rem}
.pf-acc{border-top:1px solid var(--hp-ink)}
.pf-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}
.pf-acc>summary::-webkit-details-marker{display:none}.pf-acc>summary:focus-visible{outline:3px solid var(--hp-ink);outline-offset:2px}
.pf-acc-h{display:flex;flex-direction:column;gap:6px}.pf-acc-t{font:400 clamp(1.7rem,2.8vw,2.4rem)/1.1 var(--serif)}
.pf-acc>summary .pf-plus{flex:none;width:44px;height:44px;border:1px solid var(--hp-ink);display:inline-flex;align-items:center;justify-content:center;font:400 1.6rem/1 var(--sans);transform:none}
.pf-acc>summary .pf-plus i{font-style:normal;transition:transform .25s;display:block;line-height:1}.pf-acc[open]>summary .pf-plus i{transform:rotate(45deg)}
.pf-acc>summary:hover .pf-plus{background:var(--hp-ink);color:#fff}
.pf-acc-b{padding:6px 0 40px}.pf-acc-sub{margin:0 0 20px}
.pf-contact{align-items:flex-start}.pf-idea{flex:0 1 420px;min-width:0}.pf-idea .s3-idea{margin-top:0}

/* Profile: text on the left, photos on the right, no blank gap (PC, 6 Oct 2026) */
.pf-herogrid{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:24px 64px;align-items:start}
.pf-portrait{grid-column:2;grid-row:1/3;margin:0;justify-self:start;width:100%;max-width:560px}
.pf-portrait img{aspect-ratio:4/3;object-fit:cover;object-position:50% 25%}
.pf-lifegrid{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;align-items:start}
.pf-lifetext .pf-lifep{max-width:560px;margin:0}
.pf-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px}
.pf-photos .pf-bike:only-child{grid-column:1/-1}
@media(max-width:1000px){.pf-portrait{max-width:none;justify-self:stretch}.pf-photos{max-width:none}}
.pf-herogrid{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:24px 56px}
.pf-portrait{max-width:none;width:100%}.pf-portrait img{aspect-ratio:16/10}
.pf-lifegrid{gap:56px}.pf-photos{max-width:none}
.pf-bike img{aspect-ratio:16/10;object-fit:cover;object-position:50% 40%}
@media(max-width:1000px){.pf-portrait img,.pf-bike img{aspect-ratio:4/3}}
.pf-bike img{aspect-ratio:4/3;object-position:50% 20%}

/* Start here: two cards side by side (PC, 6 Oct 2026) */
.pf-contact{display:grid;grid-template-columns:repeat(2,minmax(0,560px));gap:32px;align-items:stretch}.pf-idea{flex:none}.pf-idea .s3-idea{height:100%}
.pf-idea .s3-idea-fig{aspect-ratio:2/1;overflow:hidden}.pf-idea .s3-idea-fig .illus-img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.pf-contact{grid-template-columns:minmax(0,1fr)}}

#contact .pf-acc-sub{white-space:nowrap}
.pf-mailline{font:400 1.0625rem/1.5 var(--serif);margin:0 0 20px}.pf-mailline a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){#contact .pf-acc-sub{white-space:normal}}
/* Start here: cards spread so the gap between them equals the gap to the page edge (PC, 6 Oct 2026) */
.pf-contact{display:flex;justify-content:space-between;gap:0}.pf-contact .pf-idea{flex:0 0 calc((100% - 32px)/2);max-width:560px}
@media(min-width:801px){.pf-contact{justify-content:flex-start;gap:0}.pf-contact .pf-idea{flex:0 0 560px;width:560px}.pf-contact{--gap:calc((100% - 1120px)/3);padding-left:var(--gap)}.pf-contact .pf-idea+.pf-idea{margin-left:var(--gap)}}
@media(max-width:800px){.pf-contact{display:grid;padding-left:0}.pf-contact .pf-idea{max-width:none}}
@media(min-width:801px){.pf-contact{padding-left:0;--gap:calc((100% - 1120px)/2)}.pf-contact .pf-idea+.pf-idea{margin-left:var(--gap)}}
/* Profile final tidy (PC, 6 Oct 2026): tighter heights; Life outside work photo aligned with the top of its headline */
.pf-hero{padding-bottom:20px}.pf-herogrid{gap:16px 56px}
.pf-acc>summary{padding:14px 0}.pf-acc-t{font-size:clamp(1.5rem,2.4vw,2rem)}
.pf-acc>summary .pf-plus{width:38px;height:38px}
.pf-acc-b{padding:0 0 22px}.pf-acc-sub{margin:0 0 14px}
.pf-sub{margin:24px 0 12px}.pf-note{margin-top:12px}.pf-model{margin-top:18px}
.pf-page .pf-q>div{padding-top:10px}
#life .pf-acc{position:relative}
#life .pf-acc>summary{justify-content:flex-start;gap:20px;max-width:560px}
#life .pf-lifegrid{display:block}
#life .pf-lifetext .pf-lifep{max-width:560px}
#life .pf-photos{position:absolute;right:0;top:12px;width:min(480px,40%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}
#life .pf-bike img{aspect-ratio:3/2}
#life .pf-acc[open] .pf-acc-b{min-height:300px}
.pf-contact{gap:0}.pf-idea .s3-idea-fig{aspect-ratio:5/2}
@media(max-width:1000px){#life .pf-photos{position:static;width:auto;margin-top:16px}#life .pf-acc[open] .pf-acc-b{min-height:0}#life .pf-acc>summary{max-width:none;justify-content:space-between}}
#life .pf-photos{top:18px}#life .pf-acc[open] .pf-acc-b{min-height:330px}
#life .pf-acc:not([open])>summary{justify-content:space-between;max-width:none}
.pf-page .pf-accsec:last-child{padding-bottom:28px}
.pf-portrait img{aspect-ratio:3/2}
/* Tablet and phone, final pass */
@media(max-width:1000px){
 .pf-herogrid{grid-template-columns:minmax(0,1fr);gap:16px}
 .pf-portrait{grid-column:1;grid-row:auto;max-width:none}
 .pf-hero .pf-leadp,.pf-hero .pf-wide,.pf-hero .pf-wide p,.pf-hero .pf-skills,.pf-hero .pf-skills p{max-width:none}
 .pf-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-left:0}.pf-contact .pf-idea,.pf-contact .pf-idea+.pf-idea{margin-left:0;width:auto;max-width:none;flex:none}
 #contact .pf-acc-sub{white-space:normal}
 .pf-photos,#life .pf-photos{grid-template-columns:minmax(0,1fr)}
}