.pf-page{padding-bottom:64px}.pf-breadcrumb{color:var(--mk-muted);gap:12px;padding-block:24px;font-size:12px;display:flex}.pf-breadcrumb a:hover{color:var(--mk-ink);text-decoration:underline}.pf-hero{background:var(--mk-dark);color:var(--mk-white);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.pf-hero-copy{align-self:center;padding:48px}.pf-hero h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.12}.pf-hero h1 span{color:var(--mk-gold)}.pf-hero-copy>p{color:#d4d6cc;max-width:40ch;margin:24px 0 32px;font-size:16px;line-height:1.75}.pf-inline-link{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;text-decoration:underline;display:inline-flex}.pf-inline-link:hover{text-decoration-thickness:2px}.pf-hero-copy>.pf-inline-link{color:#d4d6cc;width:fit-content;margin-top:12px;display:flex}.pf-hero-photo{background:var(--mk-dark);margin:0;position:relative}.pf-hero-photo img{width:100%;height:auto}.pf-hero-photo figcaption{padding:16px 24px;font-size:16px;font-weight:600}.pf-hero-photo figcaption span{color:#d4d6cc;margin-top:4px;font-size:12px;font-weight:400;display:block}.pf-section{margin-top:64px;scroll-margin-top:24px}.pf-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.pf-toolbar>span{color:var(--mk-muted);white-space:nowrap;font-size:12px}.pf-filters{gap:8px;display:flex}.pf-filters button{border:1px solid var(--mk-line);background:var(--mk-white);min-height:44px;color:var(--mk-ink);cursor:pointer;border-radius:6px;padding:8px 20px}.pf-filters button:hover{border-color:var(--mk-ink)}.pf-filters button[aria-pressed=true]{background:var(--mk-dark);border-color:var(--mk-dark);color:var(--mk-white)}.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;display:grid}.pf-project{min-width:0}.pf-image{aspect-ratio:4/5;background:var(--mk-dark);border-radius:8px;display:block;position:relative;overflow:hidden}.pf-image img{object-fit:contain}.pf-zoom{background:var(--mk-white);color:var(--mk-ink);border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.pf-image:hover .pf-zoom{background:var(--mk-gold)}.pf-project-copy{padding-top:16px}.pf-project h3{font-size:18px;font-weight:600;line-height:1.4}.pf-project p{color:var(--mk-muted);margin-top:6px;font-size:14px}.pf-project-copy>a{text-underline-offset:4px;align-items:center;gap:4px;min-height:44px;font-size:12px;text-decoration:underline;display:inline-flex}.pf-videos{grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;display:grid}.pf-video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.pf-video video{aspect-ratio:9/16;object-fit:contain;background:var(--mk-dark);border-radius:8px;width:100%}.pf-video h3{font-size:24px;font-weight:600;line-height:1.25}.pf-video p{color:var(--mk-muted);margin-top:12px}.pf-video .pf-inline-link{margin-top:16px;font-size:12px}.pf-how{border-top:1px solid var(--mk-line);grid-template-columns:1fr 1fr;gap:64px;padding-top:48px;display:grid}.pf-how h2{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.2}.pf-how>div>p{color:var(--mk-muted);max-width:45ch;margin:16px 0 24px;font-size:16px}.pf-how ol{gap:24px;padding-left:24px;list-style:decimal;display:grid}.pf-how li{padding-left:8px}.pf-how li::marker{color:var(--mk-olive);font-weight:700}.pf-how h3{font-size:18px;font-weight:600}.pf-how li p{color:var(--mk-muted);margin-top:6px}@media (max-width:1000px){.pf-hero-copy{padding:28px}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-video{grid-template-columns:1fr;gap:16px}.pf-video video{max-height:440px}.pf-how{gap:32px}}@media (max-width:700px){.pf-hero{grid-template-columns:1fr}.pf-hero-copy{padding:32px 24px}.pf-hero-copy>p{margin:20px 0 24px}.pf-section{margin-top:44px}.pf-how{grid-template-columns:1fr;padding-top:32px}.pf-how h2{font-size:28px}}@media (max-width:600px){.pf-grid{grid-template-columns:1fr}.pf-toolbar{flex-wrap:wrap;gap:12px}.pf-filters button{padding-inline:16px}.pf-videos{grid-template-columns:1fr;gap:32px}.pf-video{grid-template-columns:1fr 1fr;gap:16px}.pf-video h3{font-size:20px}.pf-video .pf-inline-link{line-height:1.5}}
