.hpf-teaser{background:#edf5ee}.hpf-teaser-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hpf-teaser-grid>div,.hpf-teaser-photo{min-width:0}.hpf-teaser-grid h2{font-size:clamp(2rem,3.2vw,3.2rem);max-width:18ch}.hpf-teaser-grid p{max-width:58ch}.hpf-teaser-photo{position:relative;display:block;border-radius:7px;overflow:hidden;background:#113f2d}.hpf-teaser-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.hpf-photo-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#ffffffec;color:#113f2d}.hpf-photo-play svg{width:30px;height:30px}.hpf-teaser-note{margin-top:20px;color:#41594d}.hpf-walkthrough{padding-block:12px 36px;scroll-margin-top:155px}.hpf-player-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:40px;align-items:start}.hpf-film{min-width:0}.hpf-film video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#113f2d;border-radius:6px}.hpf-film>p{margin:14px 0 6px;color:#41594d;max-width:85ch}.hpf-open-file{font-size:.82rem}.hpf-current{padding:24px 0 24px 26px;border-left:2px solid #c4d9ca;min-width:0}.hpf-current h2{font:500 1.8rem/1.18 Georgia,serif;letter-spacing:0;margin:10px 0 18px}.hpf-current p{font-size:.93rem;line-height:1.7}.hpf-current .hpf-current-label{font-size:.78rem;color:#41594d;margin:0}.hpf-current>a{display:block;margin-top:20px;font-size:.85rem}.hpf-current .button{font-size:.84rem;min-height:44px;padding:11px 16px}.hpf-current .hpf-status:empty{display:none}.hpf-status{margin-block:12px 0}.hpf-stage-section{padding-block:44px}.hpf-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}.hpf-stages>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;border-top:1px solid #c7d8cd;padding:26px 0 30px;margin:0;min-width:0;scroll-margin-top:160px}.hpf-stage-number{font:500 1.6rem/1.2 Georgia,serif;color:#54745f}.hpf-stages h3{font-size:1.15rem;line-height:1.4;margin:0 0 12px;color:#113f2d}.hpf-stages p{font-size:.95rem;line-height:1.75;margin:0 0 16px;max-width:65ch;color:#41594d}.hpf-jump{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.88rem;font-weight:700;color:#16482f;text-underline-offset:4px}.hpf-jump svg{width:18px;height:18px}.hpf-stages li.is-current{border-color:#1a7a3e}.hpf-stages li.is-current .hpf-stage-number{color:#1a7a3e}.hpf-jump[aria-current=step]{text-decoration-thickness:2px}.hpf-project-notes{padding-block:52px;background:#f2f5f3}.hpf-project-notes .content-width{max-width:850px}.hpf-project-notes h2{font-size:2.4rem}.hpf-project-notes li{margin-bottom:12px}.hpf-packaging-link{margin-block:24px 0;padding:20px 24px;border-left:3px solid #1a7a3e;background:#edf5ee}.hpf-packaging-link p{margin:0 0 10px}.hpf-packaging-link a{font-weight:700}.hpf-teaser-photo:focus-visible,.hpf-jump:focus-visible,.hpf-current button:focus-visible,.hpf-current a:focus-visible,.hpf-film video:focus-visible{outline:3px solid #1a7a3e;outline-offset:5px}
@media(max-width:1000px){.hpf-teaser-grid{gap:36px}.hpf-player-grid{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:26px}.hpf-stages{column-gap:34px}.hpf-current{padding:15px 0 15px 20px}.hpf-current h2{font-size:1.6rem}}
@media(max-width:767px){.hpf-teaser-grid{grid-template-columns:1fr;gap:28px}.hpf-teaser-grid h2{font-size:2.15rem;max-width:22ch}.hpf-teaser-grid p{font-size:1rem;line-height:1.75}.hpf-teaser-grid .hpf-teaser-note{font-size:.84rem}.hpf-player-grid{grid-template-columns:1fr;gap:20px}.hpf-walkthrough{padding-block:0 24px;scroll-margin-top:125px}.hpf-current{padding:18px 20px;background:#edf5ee;border:0;border-radius:5px}.hpf-current h2{font-size:1.7rem;margin-bottom:12px}.hpf-current p{font-size:1rem;line-height:1.7}.hpf-current .hpf-current-label,.hpf-current .hpf-status{font-size:.8rem}.hpf-current .button{font-size:.85rem}.hpf-current>a{font-size:.9rem}.hpf-stage-section{padding-block:32px}.hpf-stages{grid-template-columns:1fr}.hpf-stages>li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:24px 0;scroll-margin-top:135px}.hpf-stages h3{font-size:1.15rem}.hpf-stages p{font-size:1rem;line-height:1.75}.hpf-jump{font-size:.92rem}.hpf-project-notes{padding-block:38px}.hpf-project-notes h2{font-size:2rem}.hpf-packaging-link{padding:18px}.hpf-photo-play{width:56px;height:56px}.hpf-film>p{font-size:.8rem;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.hpf-walkthrough,.hpf-stages>li{scroll-behavior:auto}}