@font-face{font-family:"John Muir Serif";src:url(/fonts/VSJohnMuirSerif.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:John Muir Sans;src:url(/fonts/VSJohnMuirSans-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:John Muir Sans;src:url(/fonts/VSJohnMuirSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:VS Trailhead;src:url(/fonts/VSTrailhead-Clean.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--forest-deep: #1a2f23;--forest-mid: #2d4a3a;--parchment: #f4efe4;--parchment-dim: #e8e0d0;--sand: #c9b896;--gold: #d4a853;--radius: 10px;--radius-sm: 6px;--font-display: "John Muir Sans", system-ui, sans-serif;--font-body: "John Muir Sans", system-ui, sans-serif;--font-accent: "VS Trailhead", "John Muir Sans", sans-serif;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .2);--shadow-lift: 0 8px 28px rgba(0, 0, 0, .28);--transition: cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:var(--font-weight-thin);background:var(--forest-deep);background-image:radial-gradient(ellipse 90% 60% at 50% -20%,rgba(126,184,201,.12),transparent),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(196,92,38,.06),transparent);color:var(--parchment);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}.app{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(2rem + var(--safe-bottom))}.container{width:min(1100px,100% - 1.5rem);margin-inline:auto}.header{padding:2rem 0 1.5rem;text-align:center}.header__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;margin-bottom:1rem;font-family:var(--font-accent);font-size:.72rem;font-weight:var(--font-weight-light);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:#d4a8531a;border:1px solid rgba(212,168,83,.22);border-radius:999px}.header__compass{width:14px;height:14px}.header__title{font-family:var(--font-display);font-size:clamp(2rem,7vw,3.25rem);font-weight:var(--font-weight-thin);line-height:1.15;color:var(--parchment)}.header__title-accent{display:block;font-family:var(--font-body);font-style:italic;font-weight:var(--font-weight-thin);color:var(--sand);font-size:.5em;margin-top:.2em}.header__stats{display:flex;justify-content:center;align-items:center;gap:1.75rem;margin-top:1.5rem;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:4.5rem}.stat-pill__value{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-thin);line-height:1}.stat-pill__label{font-size:.62rem;font-weight:var(--font-weight-light);letter-spacing:.12em;text-transform:uppercase;color:#f4efe473;line-height:1.2}.stat-pill__divider{width:1px;height:2rem;background:#f4efe41f;align-self:center}.filter-section{margin:.5rem 0 1.5rem}.filter-section__label{text-align:center;font-size:.68rem;font-weight:var(--font-weight-light);letter-spacing:.14em;text-transform:uppercase;color:#f4efe466;margin-bottom:.75rem}.park-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;padding:.45rem .9rem;font-size:.78rem;font-weight:var(--font-weight-light);color:#f4efe4cc;background:#f4efe40f;border:1px solid rgba(244,239,228,.12);border-radius:999px;transition:background .2s var(--transition),color .2s var(--transition)}.filter-chip:hover{background:#f4efe41a}.filter-chip--active{color:var(--forest-deep);background:var(--parchment);border-color:var(--parchment);font-weight:var(--font-weight-light)}.filter-chip__count{margin-left:.35rem;font-size:.68rem;opacity:.55}.filter-chip__dot{width:7px;height:7px;border-radius:50%;margin-right:.4rem}.view-bar{margin-bottom:1rem}.view-bar__count{font-size:.85rem;color:#f4efe48c;text-align:center}.view-bar__label{display:block;font-size:.62rem;font-weight:var(--font-weight-light);letter-spacing:.12em;text-transform:uppercase;color:#f4efe461;margin-bottom:.15rem}.view-bar__count strong{color:var(--parchment)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding-bottom:2rem}@media(min-width:640px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}}.photo-card{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--forest-mid);box-shadow:var(--shadow-soft);transition:transform .25s var(--transition),box-shadow .25s var(--transition);animation:fadeUp .45s var(--transition) both}.photo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.photo-card__img{width:100%;height:100%;object-fit:cover}.photo-card__overlay{position:absolute;inset:auto 0 0;padding:1.75rem .65rem .55rem;background:linear-gradient(transparent,#0c1410e0);opacity:0;transition:opacity .25s var(--transition)}.photo-card:hover .photo-card__overlay,.photo-card:focus-visible .photo-card__overlay{opacity:1}.photo-card__caption{font-size:.75rem;font-weight:var(--font-weight-light);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.photo-card__location{font-size:.65rem;opacity:.7;margin-top:.15rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.browse-hint{text-align:center;font-size:.88rem;color:#f4efe473;margin:0 0 2rem}.browse-empty{text-align:center;padding:2rem;color:#f4efe48c}.browse-empty a{color:var(--gold)}.browse-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.browse-tabs__btn{padding:.45rem 1rem;font-size:.8rem;font-weight:var(--font-weight-light);color:#f4efe4a6;background:#f4efe40d;border:1px solid rgba(244,239,228,.1);border-radius:999px;transition:all .2s var(--transition)}.browse-tabs__btn--active{background:var(--parchment);color:var(--forest-deep);font-weight:var(--font-weight-light)}.album-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}@media(min-width:560px){.album-grid{grid-template-columns:repeat(2,1fr)}}.album-tile{display:flex;gap:1rem;align-items:center;width:100%;text-align:left;color:var(--parchment);padding:.85rem;background:#f4efe40a;border:1px solid rgba(244,239,228,.1);border-radius:var(--radius);transition:background .2s var(--transition),transform .2s var(--transition)}.album-tile:hover{background:#f4efe414;transform:translateY(-2px)}.album-tile__cover{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;background:var(--forest-mid)}.album-tile__cover img{width:100%;height:100%;object-fit:cover}.album-tile__placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.4rem;opacity:.4}.album-tile__title{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--font-weight-thin);color:var(--parchment)}.album-tile__meta{font-size:.78rem;color:#f4efe480;margin-top:.15rem}.album-tile__parks{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.album-tile__park{font-size:.62rem;font-weight:var(--font-weight-light);letter-spacing:.04em;text-transform:uppercase;padding:.12rem .4rem;border:1px solid;border-radius:3px}.album-detail-header{margin-bottom:1.25rem;text-align:center}.album-detail-header__back{display:inline-block;margin-bottom:.6rem;font-size:.8rem;color:var(--gold)}.album-detail-header__title{font-family:var(--font-display);font-size:1.6rem;font-weight:var(--font-weight-thin)}.album-detail-header__desc{margin-top:.4rem;color:#f4efe499;max-width:40ch;margin-inline:auto;font-size:.9rem}.album-detail-header__meta{margin-top:.3rem;font-size:.82rem;color:#f4efe473}.album-detail-header__parks{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.65rem}.album-detail-header__park{font-size:.68rem;font-weight:var(--font-weight-light);letter-spacing:.06em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;color:var(--forest-deep)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0c1410f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom))}.lightbox__close,.lightbox__nav{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--parchment);background:#f4efe41a;border:1px solid rgba(244,239,228,.15);border-radius:50%;font-size:1.2rem;z-index:2;transition:background .2s}.lightbox__close{top:calc(1rem + var(--safe-top));right:1rem}.lightbox__nav{top:50%;transform:translateY(-50%)}.lightbox__nav--prev{left:.75rem}.lightbox__nav--next{right:.75rem}.lightbox__close:hover,.lightbox__nav:hover{background:#f4efe42e}.lightbox__content{max-width:min(920px,100%);max-height:90dvh;display:flex;flex-direction:column;align-items:center;gap:.85rem}.lightbox__image-wrap{max-height:75dvh;border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 48px #00000073}.lightbox__image{max-width:100%;max-height:75dvh;object-fit:contain}.lightbox__info{text-align:center}.lightbox__caption{font-family:var(--font-display);font-size:1.15rem;font-weight:var(--font-weight-thin)}.lightbox__location{font-size:.85rem;color:#f4efe48c;margin-top:.2rem}.lightbox__parks{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.6rem}.lightbox__park-badge{font-size:.68rem;font-weight:var(--font-weight-light);letter-spacing:.06em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;color:var(--forest-deep)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50dvh;gap:1rem}.loading__spinner{width:36px;height:36px;border:3px solid rgba(244,239,228,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#f4efe473}.empty-state{text-align:center;padding:3rem 1rem}.empty-state__icon{font-size:2rem;opacity:.4;margin-bottom:1rem}.empty-state__title{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--font-weight-thin);margin-bottom:.4rem}.empty-state__text{font-size:.9rem;color:#f4efe480;max-width:32ch;margin-inline:auto}.footer{text-align:center;padding:2rem 0 1rem;margin-top:1rem;border-top:1px solid rgba(244,239,228,.08)}.footer__text{font-size:.75rem;color:#f4efe459}@media(max-width:480px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.lightbox__nav,.stat-pill__divider{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}