.pf-page{--pf-yellow:#f3ee36;color:var(--lp-ink)}.pf-page h1,.pf-page h2,.pf-journeys strong{font-family:var(--lp-display);letter-spacing:-.035em;font-weight:600}.pf-page em{color:#737365;font-style:normal}.pf-eyebrow{font:.875rem var(--lp-mono);letter-spacing:.07em;text-transform:uppercase}.pf-hero{background:var(--pf-yellow);grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;margin:auto;padding:4.5rem max(2rem,50% - 37rem) 3.5rem;display:grid}.pf-hero h1{margin:1.8rem 0;font-size:clamp(3.5rem,6.5vw,6.4rem);line-height:.98}.pf-hero h1 em{color:var(--lp-ink)}.pf-hero .pf-lede,.pf-hero .pf-note{color:#41412f}.pf-lede{max-width:31rem;color:var(--lp-muted);margin-bottom:1.8rem;font-size:18px;line-height:1.65}.pf-note{color:var(--lp-muted);margin-top:.8rem;font-size:.875rem;display:block}.pf-cover{background:#79796e;min-height:490px;position:relative;overflow:hidden}.pf-cover>img{object-fit:cover}.pf-cover-label{background:var(--pf-yellow);width:fit-content;font:.875rem var(--lp-mono);padding:.65rem .8rem;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem}.pf-cover-record{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f6f2f5;padding:1.25rem 1.5rem;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.pf-cover-record>span{font-size:.875rem}.pf-cover-record strong{font:600 3.4rem var(--lp-display);letter-spacing:-.03em;margin:.3rem 0 .7rem;display:block}.pf-cover-record>div{border-top:1px solid var(--lp-line);justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:14px;display:flex}.pf-cover-record p{color:var(--lp-muted);margin-top:.7rem;font-size:.875rem}.pf-journeys{border-block:1px solid var(--lp-line-strong);grid-template-columns:repeat(3,1fr);max-width:74rem;margin:2rem auto;display:grid}.pf-journeys a{border-right:1px solid var(--lp-line);padding:1.6rem;transition:background .15s}.pf-journeys a:first-child{border-left:1px solid var(--lp-line)}.pf-journeys a:hover{background:var(--pf-yellow)}.pf-journeys strong{margin:.9rem 0;font-size:1.85rem;line-height:1.15;display:block}.pf-journey-bottom{color:var(--lp-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:14px;display:flex}.pf-journey-bottom svg{box-sizing:content-box;background:var(--pf-yellow);color:var(--lp-ink);flex-shrink:0;padding:.55rem}.pf-journeys a:hover .pf-journey-bottom svg{background:var(--lp-ink);color:var(--pf-yellow)}.pf-section{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:78rem;margin:auto;padding:6rem 2rem;scroll-margin-top:5rem;display:grid}.pf-section h2{margin:1.3rem 0;font-size:clamp(2.7rem,4.2vw,4.2rem);line-height:1.04}.pf-section-copy>.pf-eyebrow{background:var(--pf-yellow);color:var(--lp-ink);padding:.55rem .75rem;display:table}.pf-intro{color:var(--lp-muted);max-width:32rem;font-size:17px;line-height:1.7}.pf-steps{margin:2rem 0;padding:0;list-style:none}.pf-steps li{border-top:1px solid var(--lp-line);gap:1.1rem;padding:1rem 0;display:flex}.pf-steps li>span{font:.875rem var(--lp-mono);color:var(--lp-muted);padding-top:4px}.pf-steps h3{margin-bottom:.35rem;font-size:16px;font-weight:600}.pf-steps p{color:var(--lp-muted);font-size:16px;line-height:1.6}.pf-text-link{border-bottom:1px solid;align-items:center;gap:.8rem;padding-bottom:.4rem;font-size:14px;font-weight:600;display:inline-flex}.pf-example{border:1px solid var(--lp-line-strong);background:var(--lp-bg-2);min-width:0;box-shadow:10px 10px 0 var(--pf-yellow)}.pf-example-heading{background:var(--pf-yellow);border-bottom:1px solid var(--lp-line);font:.875rem var(--lp-mono);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;display:flex}.pf-demo{padding:1.6rem}.pf-demo .lp-mono{font-size:.875rem!important}.pf-example-note{border-top:1px solid var(--lp-line);color:var(--lp-muted);padding:1rem 1.4rem;font-size:.875rem;line-height:1.6}.pf-zone-band{background:color-mix(in srgb,var(--pf-yellow) 13%,var(--lp-bg))}.pf-section-reverse .pf-section-copy{order:2}.pf-section-reverse .pf-example{order:1}.pf-directory{border-top:1px solid var(--lp-line-strong);grid-template-columns:1fr 1.3fr;gap:5rem;max-width:74rem;margin:1rem auto 5rem;padding-top:3rem;display:grid}.pf-directory h2{margin:1rem 0;font-size:3rem}.pf-directory p:not(.pf-eyebrow){color:var(--lp-muted);font-size:16px;line-height:1.65}.pf-directory details{border-block:1px solid var(--lp-line-strong);align-self:start}.pf-directory summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.5rem 0;font-size:16px;font-weight:600;list-style:none;display:flex}.pf-directory summary>svg{box-sizing:content-box;background:var(--pf-yellow);flex-shrink:0;padding:.45rem}.pf-directory summary::-webkit-details-marker{display:none}.pf-directory details[open] summary svg{transform:rotate(45deg)}.pf-tool-groups{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 0 2rem;display:grid}.pf-tool-groups h3{margin-bottom:.8rem;font-size:16px;font-weight:600}.pf-tool-groups ul{color:var(--lp-muted);padding:0;font-size:14px;line-height:1.9;list-style:none}.pf-directory details>a{margin-bottom:1.5rem}.pf-start{background:var(--pf-yellow);grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;padding:4.5rem max(2rem,50% - 37rem);display:grid}.pf-start h2{margin-top:1.5rem;font-size:clamp(3rem,5vw,5rem);line-height:1}.pf-start em{color:inherit}.pf-start-action p{max-width:27rem;margin-bottom:1.5rem;font-size:17px;line-height:1.65}.pf-start-note{align-items:center;gap:.5rem;margin:.85rem 0 1.5rem;font-size:.875rem;display:flex}@media (max-width:1000px){.pf-hero,.pf-section{gap:2rem}.pf-journeys,.pf-directory{margin-left:2rem;margin-right:2rem}.pf-directory{gap:2rem}.pf-journeys strong{font-size:1.5rem}.pf-cover{min-height:450px}}@media (max-width:760px){.pf-hero{grid-template-columns:1fr;padding:2.5rem 1.25rem 2rem}.pf-hero h1{font-size:clamp(3.3rem,12vw,5rem)}.pf-cover{min-height:400px}.pf-journeys{grid-template-columns:1fr;margin:1.5rem 1.25rem 0}.pf-journeys a{padding:1.2rem 0;border:0!important}.pf-journeys a+a{border-top:1px solid var(--lp-line)!important}.pf-journeys strong{margin:.5rem 0;font-size:1.8rem}.pf-section{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 1.25rem}.pf-section-reverse .pf-section-copy,.pf-section-reverse .pf-example{order:initial}.pf-section h2{font-size:clamp(2.5rem,9vw,4rem)}.pf-demo{padding:1.1rem}.pf-example-heading{padding:1rem}.pf-directory{grid-template-columns:1fr;gap:2rem;margin:0 1.25rem 3rem}.pf-start{grid-template-columns:1fr;gap:2rem;padding:3rem 1.25rem}.pf-start h2{font-size:clamp(2.8rem,10vw,4rem)}.pf-example{box-shadow:6px 6px 0 var(--pf-yellow)}}
