/* footer-2 "Two keys": each product is a big keycap; the marks see-saw on them.
   Scoped to .pkf2. The owl signature sits only on the Trinity key. */
.pkf2{--g-paper:var(--paper,#f6f4ee);--g-surface:var(--surface,#fcfcf7);--g-ink:var(--ink,#292d27);--g-green:var(--green,#416345);--g-terra:var(--terra,#b54b32);--g-terra-deep:var(--terra-deep,#8a3722);--g-muted:var(--muted,#56614f);
  background:var(--tint-1,#eaeee0);color:var(--g-ink);font-family:var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);padding-block:clamp(48px,6vw,96px) 0;border-radius:clamp(24px,3vw,40px) clamp(24px,3vw,40px) 0 0}
.pkf2 a{color:inherit;text-decoration:none}
.pkf2 :focus-visible{outline:3px solid var(--g-terra);outline-offset:4px;border-radius:12px}
.pkf2-in{width:min(1200px,100% - 2*clamp(20px,4vw,64px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,104px);align-items:end}
.pkf2-k{font:600 12px/1.5 var(--sans,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--g-muted);margin:0 0 18px}
.pkf2-keys{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.pkf2-key{display:grid;justify-items:center;align-content:space-between;gap:16px;padding:clamp(18px,2.4vw,30px) 12px 20px;min-height:clamp(200px,20vw,260px);border-radius:22px;background:var(--g-surface);text-align:center;font-weight:600;font-size:15px;line-height:1.3;box-shadow:0 8px 0 var(--g-green);margin-bottom:8px;position:relative}
.pkf2-tn{box-shadow:0 8px 0 var(--g-terra-deep)}
.pkf2-mark{display:block;width:clamp(84px,9vw,120px);aspect-ratio:1;position:relative}
.pkf2-mark img{width:100%;height:100%;object-fit:contain}
.pkf2-mark::after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:8px;border-radius:50%;background:rgba(41,45,39,.12)}
.pkf2-key:active{transform:translateY(6px);box-shadow:0 2px 0 var(--g-green)}
.pkf2-tn:active{box-shadow:0 2px 0 var(--g-terra-deep)}
.pkf2-tag{font-family:var(--serif,Georgia,serif);font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.025em;margin:0 0 clamp(24px,3vw,40px)}
.pkf2-tag em{color:var(--g-terra);font-style:italic}
.pkf2-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.pkf2-cols h3{font:600 12px/1.5 var(--sans,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--g-muted);margin:0 0 6px}
.pkf2-cols a,.pkf2-cols button{display:flex;align-items:center;min-height:44px;font-size:15px;background:none;border:0;padding:0;color:var(--g-ink);cursor:pointer;font-family:inherit;text-align:left}
.pkf2-cols a:hover,.pkf2-cols button:hover{color:var(--g-terra)}
.pkf2-bottom{width:min(1200px,100% - 2*clamp(20px,4vw,64px));margin:clamp(36px,5vw,64px) auto 0;padding-block:18px 26px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;font-size:13px;color:var(--g-muted);background:linear-gradient(rgba(41,45,39,.14),rgba(41,45,39,.14)) top/100% 1px no-repeat}
.pkf2-ctl{background:none;border:0;color:var(--g-muted);font-size:13px;min-height:44px;padding:0 4px;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:4px}
@media (max-width:860px){.pkf2-in{grid-template-columns:1fr;align-items:start}}
@media (max-width:420px){.pkf2-cols{grid-template-columns:1fr;gap:16px}.pkf2-key{font-size:14px}}

@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .pkf2:not(.is-in) .pkf2-key{opacity:0;transform:translateY(28px)}
  .pkf2.is-in .pkf2-key{transition:opacity .6s var(--ease,cubic-bezier(.2,.7,.2,1)),transform .8s cubic-bezier(.3,1.4,.5,1),box-shadow .16s}
  .pkf2.is-in .pkf2-tn{transition-delay:.14s,.14s,0s}
  .pkf2-key:active{transition-duration:.06s;transition-delay:0s}
  .pkf2.is-live:not(.is-still) .pkf2-pk .pkf2-mark{animation:pkf2-a 7s ease-in-out infinite}
  .pkf2.is-live:not(.is-still) .pkf2-tn .pkf2-mark{animation:pkf2-b 7s ease-in-out infinite}
  .pkf2.is-live:not(.is-still) .pkf2-pk .pkf2-mark::after{animation:pkf2-sa 7s ease-in-out infinite}
  .pkf2.is-live:not(.is-still) .pkf2-tn .pkf2-mark::after{animation:pkf2-sb 7s ease-in-out infinite}
  .pkf2-cols a,.pkf2-cols button{transition:color .16s}
}
@keyframes pkf2-a{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes pkf2-b{0%,100%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(0) rotate(-3deg)}}
@keyframes pkf2-sa{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}
@keyframes pkf2-sb{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}