/* Portfolio v5: home page design (home.css) plus the two galleries. */
.pf-hero{padding:calc(var(--bar) + clamp(40px,8vw,110px)) 0 clamp(30px,5vw,60px)}
.pf-hero__title{font:880 clamp(44px,8vw,104px)/.92 var(--display);letter-spacing:-.05em;max-width:12ch;text-wrap:balance}
.pf-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
.pf-hero__fine{font-size:15px;color:var(--soft)}
.pf-block{padding:clamp(40px,6vw,90px) 0}
.pf-block__head{margin-bottom:28px}
.pf-reels{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pf-reels .reel{width:auto}
@media (min-width:700px){.pf-reels{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){.pf-reels{grid-template-columns:repeat(4,1fr);gap:20px}}
.pf-films{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:700px){.pf-films{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.pf-films{grid-template-columns:repeat(3,1fr)}}
.film{text-align:left;font-size:14px;line-height:1.35}
.film__screen{display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--ink-2);margin-bottom:12px;box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:transform .3s}
.film:hover .film__screen{transform:translateY(-4px)}
.film__screen video{width:100%;height:100%;object-fit:cover}
.film b{display:block;font-weight:750}
.film>span:last-child{color:var(--soft)}
.viewer--wide{width:min(94vw,1100px)}
.viewer--wide .viewer__video{aspect-ratio:16/9}
.foot{padding-bottom:40px}