.park-feed{
  position:relative;
  overflow:visible;
  background:var(--paper-cool);
}
.park-feed>.wrap{position:relative;z-index:1}
.park-feed__head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:0;
  margin-bottom:clamp(40px,5.5vw,68px);
}
.park-feed__head .section-head{
  width:100%;
  max-width:none;
  margin:0;
}
.park-feed__head h2{
  margin:0;
  width:100%;
  max-width:none;
  font-size:clamp(2.75rem,4.6vw,4.15rem);
  letter-spacing:-.02em;
  line-height:1.06;
  text-wrap:balance;
}
.park-feed__head h2::after{
  content:"";
  display:block;
  width:3.25rem;
  height:1px;
  margin-top:.42em;
  background:rgba(184,110,63,.55);
}
.park-feed__head p{
  margin:10px 0 0;
  max-width:none;
  font-size:1.06rem;
  line-height:1.68;
  color:var(--slate);
}
.park-feed__board{
  display:grid;
  grid-template-columns:minmax(340px,500px) minmax(0,1fr);
  gap:clamp(22px,3.2vw,44px);
  align-items:center;
  padding-block:clamp(22px,3vw,36px);
  border-block:1px solid var(--hair);
}
.park-feed__post{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(29,57,47,.16);
  border-radius:20px;
  background:var(--white);
  box-shadow:0 24px 62px rgba(29,57,47,.13);
}
.park-feed__post-head{
  min-height:64px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 15px;
  border-bottom:1px solid var(--hair);
  background:rgba(255,253,248,.96);
}
.park-feed__facebook{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:var(--white);
  background:#1877f2;
}
.park-feed__facebook svg{width:21px;height:21px;fill:currentColor}
.park-feed__post-head strong,
.park-feed__post-head small{display:block}
.park-feed__post-head strong{font-size:.84rem;color:var(--pine)}
.park-feed__post-head small{margin-top:1px;font-size:.68rem;color:var(--slate)}
.park-feed__post-head>a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding-inline:4px;
  color:var(--pine);
  font-size:.76rem;
}
.park-feed__post>iframe{
  display:block;
  width:100%;
  height:600px;
  border:0;
  background:var(--white);
}
.park-feed__reels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:clamp(14px,2.3vw,26px);
  width:min(100%,620px);
  min-width:0;
  margin-inline:auto;
}
.park-feed__reel{
  position:relative;
  min-width:0;
  aspect-ratio:9/16;
  overflow:hidden;
  border:5px solid rgba(255,253,248,.92);
  border-radius:20px;
  background:#101914;
  box-shadow:0 22px 54px rgba(29,57,47,.18);
  isolation:isolate;
  cursor:pointer;
}
.park-feed__reel>img{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
}
.park-feed__reel:nth-child(2)>img{object-position:center 72%}
.park-feed__reel-veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(to top,rgba(8,20,15,.9) 0%,rgba(8,20,15,.42) 34%,rgba(8,20,15,.06) 62%);
}
.park-feed__reel-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:22px 18px;
  color:var(--white);
  pointer-events:none;
}
.park-feed__reel-copy small,
.park-feed__reel-copy strong{display:block}
.park-feed__reel-copy small{
  margin-bottom:5px;
  color:rgba(255,253,248,.72);
  font-size:.67rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.park-feed__reel-copy strong{
  font-family:var(--display);
  font-size:clamp(1.25rem,2vw,1.8rem);
  font-weight:400;
  line-height:1.08;
}
.park-feed__play{
  position:absolute;
  left:50%;
  top:45%;
  z-index:3;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  padding:0;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  color:var(--pine);
  background:rgba(255,253,248,.92);
  box-shadow:0 15px 38px rgba(8,18,14,.35);
  transform:translate(-50%,-50%);
  cursor:pointer;
  transition:background-color .22s var(--ease),box-shadow .22s var(--ease);
}
.park-feed__play:hover,
.park-feed__play:focus-visible{background:var(--white);box-shadow:0 18px 44px rgba(8,18,14,.45)}
.park-feed__play svg{width:27px;height:27px;margin-left:4px;fill:currentColor}
.park-feed__stop{
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  display:none;
  min-height:40px;
  padding:8px 15px;
  border:1px solid rgba(29,57,47,.18);
  border-radius:999px;
  color:var(--pine);
  background:rgba(255,253,248,.96);
  cursor:pointer;
}
.park-feed__reel iframe{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  height:100%;
  border:0;
  background:#111;
}
.park-feed__reel.is-playing{cursor:default}
.park-feed__reel.is-playing>img,
.park-feed__reel.is-playing .park-feed__reel-veil,
.park-feed__reel.is-playing .park-feed__reel-copy,
.park-feed__reel.is-playing .park-feed__play{visibility:hidden}
.park-feed__reel.is-playing .park-feed__stop{display:inline-flex;align-items:center}
.park-feed__more{
  display:flex;
  justify-content:flex-end;
  margin-top:clamp(28px,3vw,42px);
}
@media(max-width:940px){
  .park-feed__board{grid-template-columns:1fr;align-items:start}
  .park-feed__post{width:min(100%,500px);justify-self:center}
  .park-feed__reels{width:min(100%,620px);justify-self:center}
  .park-feed__more{justify-content:flex-start}
}
@media(max-width:620px){
  .park-feed__head h2{font-size:clamp(2.55rem,11.2vw,3.6rem)}
  .park-feed__post>iframe{height:540px}
  .park-feed__post-head{grid-template-columns:auto minmax(0,1fr)}
  .park-feed__post-head>a{grid-column:2;justify-self:start;min-height:28px;margin-top:-6px}
  .park-feed__reels{gap:10px}
  .park-feed__reel{border-width:4px;border-radius:15px}
  .park-feed__play{width:58px;height:58px}
  .park-feed__play svg{width:23px;height:23px}
  .park-feed__reel-copy{padding:16px 12px}
  .park-feed__reel-copy strong{font-size:1.13rem}
  .park-feed__reel-copy small{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
  .park-feed__play{transition:none}
}
