.park-stories{--story-tray-padding:4vw;background:color-mix(in srgb, var(--paper) 78%, white);border-block-end:1px solid rgb(var(--ink-rgb) / 14%);margin-block-start:4.9rem;padding-block:1.1rem .85rem}.park-stories__heading{min-height:1.8rem;margin-inline:var(--story-tray-padding);justify-content:space-between;align-items:center;gap:1rem;display:flex}.park-stories__heading h2{color:var(--burgundy);margin:0;font-size:.91rem;font-weight:800}.park-stories__arrows{gap:.3rem;display:flex}.park-stories__arrows button{border:1px solid rgb(var(--ink-rgb) / 22%);cursor:pointer;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.park-stories__arrows button:disabled{opacity:.35;cursor:default}.park-stories__arrows svg{width:1rem;height:1rem}.park-stories__list{padding:.65rem var(--story-tray-padding) .25rem;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:var(--story-tray-padding);scroll-snap-type:x proximity;gap:clamp(.65rem,1.8vw,1.5rem);margin:0;list-style:none;display:flex;overflow-x:auto}.park-stories__list::-webkit-scrollbar{display:none}.park-stories__list li{scroll-snap-align:start;flex:none}.park-stories__item{cursor:pointer;justify-items:center;gap:.38rem;width:clamp(4.55rem,8vw,6.5rem);display:grid}.park-story-cover{aspect-ratio:1;isolation:isolate;background:conic-gradient(from 32deg, var(--story-accent), var(--sand), var(--taupe), var(--story-accent));border-radius:50%;flex:none;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.park-story-cover__image{border:2px solid var(--paper);border-radius:inherit;background:var(--paper);color:var(--burgundy);place-items:center;font-weight:800;display:grid;position:absolute;inset:3px;overflow:hidden}.park-story-cover__image>img{object-fit:cover}.park-stories__title{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.79rem;font-weight:700;overflow:hidden}.inner-page--blog .park-stories+.inner-hero{padding-block-start:2rem}.inner-page--blog .park-stories+.inner-hero .inner-blueprint{inset-block-start:0}html.park-story-open,html.park-story-open body{overscroll-behavior:none;overflow:hidden}.park-viewer{--viewer-bg:#191614;color:#fff;background:var(--viewer-bg);overscroll-behavior:none;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.park-viewer::backdrop{background:var(--viewer-bg)}.park-viewer__layout{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:clamp(2rem,5vw,5rem);width:100%;height:100%;padding:1rem 2rem;display:grid}.park-viewer__center{position:relative}.park-viewer__stage{isolation:isolate;aspect-ratio:9/16;background:#141210;border-radius:.85rem;width:min(30rem,56.25dvh - 1.125rem);position:relative;overflow:hidden}.park-viewer__side{width:min(100%,11.5rem);min-width:0}.park-viewer__side:first-child{justify-self:end}.park-viewer__side:last-child{justify-self:start}.park-viewer__preview{aspect-ratio:9/16;isolation:isolate;background:var(--ink);color:#fff;cursor:pointer;border-radius:.6rem;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.park-viewer__preview-image{object-fit:cover;opacity:.47;transition:opacity .18s}.park-viewer__preview:hover .park-viewer__preview-image{opacity:.65}.park-viewer__preview-content{overflow-wrap:anywhere;text-shadow:0 1px 8px #191614;justify-items:center;gap:.5rem;padding-inline:.5rem;font-size:.9rem;display:grid;position:relative}.park-viewer__preview .park-story-cover{width:3.25rem}.park-viewer__step{z-index:1;color:#fff;cursor:pointer;background:#ffffff26;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.park-viewer__step:hover{background:#ffffff4d}.park-viewer__step--back{inset-inline-start:-2.55rem}.park-viewer__step--next{inset-inline-end:-2.55rem}.park-viewer__step svg{width:1.25rem;height:1.25rem}.park-viewer__media,.park-viewer__tap{position:absolute;inset:0}.park-viewer__media{place-items:center;display:grid}.park-viewer__media :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.park-viewer__media--contain :is(img,video){object-fit:contain}.park-viewer__unavailable{text-align:center;padding:1.25rem}.park-viewer__tap{touch-action:none;-webkit-user-select:none;user-select:none;display:flex}.park-viewer__tap button{cursor:pointer;flex:1;min-width:0;height:100%}.park-viewer__tap button:disabled{cursor:default}.park-viewer__tap button:focus-visible{outline-offset:-4px}.park-viewer__header{padding:max(.45rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) 1.65rem max(.75rem, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#000a,#0006 65%,#0000);position:absolute;inset:0 0 auto}.park-viewer__progress{pointer-events:auto;gap:.23rem;display:flex}.park-viewer__progress button{cursor:pointer;flex:1 1 0;align-items:center;min-width:0;height:.85rem;display:grid}.park-viewer__progress button>span{background:#ffffff63;border-radius:3px;height:3px;display:block;overflow:hidden}.park-viewer__progress button>span>span{transform-origin:100%;border-radius:inherit;background:color-mix(in srgb, var(--story-accent) 36%, white);width:100%;height:100%;display:block;transform:scaleX(0)}.park-viewer__progress button>span>.is-complete{transform:scaleX(1)}.park-viewer__toolbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.park-viewer__identity{align-items:center;gap:.55rem;min-width:0;display:flex}.park-viewer__identity .park-story-cover{width:2.35rem}.park-viewer__identity>div{text-shadow:0 1px 6px #000;min-width:0}.park-viewer__identity :is(strong,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.park-viewer__identity strong{font-size:.9rem;font-weight:800}.park-viewer__identity small{color:#f7ebe3;font-size:.73rem}.park-viewer__controls{pointer-events:auto;flex:none;align-items:center;display:flex}.park-viewer__controls button{cursor:pointer;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}@media (hover:hover){.park-viewer__controls button:hover{background:#ffffff26}}.park-viewer__controls svg{width:1.35rem;height:1.35rem}.park-viewer__caption{padding:3.25rem 1rem max(1rem, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#000b 40%,#000e);justify-items:start;gap:.7rem;display:grid;position:absolute;inset:auto 0 0}.park-viewer__caption p{color:#fff;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:auto;max-height:35dvh;margin:0;font-size:.96rem;line-height:1.6;overflow:auto}.park-viewer__caption a{background:color-mix(in srgb, var(--story-accent) 24%, var(--paper));color:#211816;pointer-events:auto;border-radius:1.4rem;align-items:center;gap:.55rem;min-height:2.75rem;padding:.45rem .85rem;font-size:.85rem;font-weight:750;display:inline-flex}.park-viewer__caption svg{width:1rem;height:1rem}.park-stories button:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px}.park-viewer :is(a,button):focus-visible{outline:2px solid #fff}@media (max-width:900px){.park-stories{--story-tray-padding:1.1rem;margin-block-start:7.4rem;padding-block:.6rem .55rem}.park-viewer__layout{gap:2.7rem;padding-inline:1rem}}@media (max-width:700px),(max-width:960px) and (pointer:coarse){.park-viewer__layout{padding:0;display:block}.park-viewer__center,.park-viewer__stage{width:100%;height:100%}.park-viewer__stage{aspect-ratio:auto;border-radius:0}.park-viewer__side,.park-viewer__step,.park-stories__arrows{display:none}}
