.national-park-detail{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem)}.national-park-hero{position:relative;background:radial-gradient(circle at top left,rgba(15,118,110,.15),transparent 55%),linear-gradient(135deg,#111827eb,#1e293ba3);color:#fff;overflow:hidden}.national-park-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hero-image, none);background-size:cover;background-position:center;opacity:.2;filter:saturate(70%);pointer-events:none}.national-park-hero__inner{position:relative;display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:end;padding-block:clamp(1rem,3vw,1.75rem)}.national-park-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.national-park-hero__eyebrow{margin:0;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;color:#fcd34de6}.national-park-hero__title{margin:0;font-size:clamp(2.75rem,6vw,3.5rem);font-weight:700;letter-spacing:-.025em}.national-park-hero__summary{margin:0;font-size:1.05rem;line-height:1.65;color:#e2e8f0f2}.national-park-quickfacts{display:grid;gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:0}.national-park-quickfacts__item{padding:clamp(.85rem,2vw,1.15rem);border-radius:1.25rem;background:#0f172a66;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.national-park-quickfacts__label{margin:0 0 .4rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#e2e8f0d9}.national-park-quickfacts__value{margin:0;font-size:1rem;color:#f8fafcf2}.national-park-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm, .75rem)}.national-park-hero__actions .ui-button{min-width:9rem}.national-park-hero__media{position:relative;z-index:1;justify-self:end;max-width:clamp(14rem,22vw,18rem);border-radius:1.75rem;overflow:hidden;box-shadow:var(--elevation-lg)}.national-park-hero__media-frame{display:block;width:100%;height:100%}.national-park-hero__media-image{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s ease}.national-park-hero__media:hover .national-park-hero__media-image,.national-park-hero__media:focus-within .national-park-hero__media-image{transform:scale(1.06)}.national-park-section{position:relative}.national-park-section__inner{display:grid;gap:clamp(2rem,5vw,3rem)}.national-park-grid{display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.national-park-card{background:#fff;border-radius:1.75rem;padding:clamp(1.2rem,2.5vw,1.75rem);border:1px solid rgba(15,118,110,.12);box-shadow:var(--elevation-md);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.national-park-card--highlights{background:linear-gradient(135deg,#fafaf9eb,#fef3c7c7)}.national-park-card__header{display:flex;flex-direction:column;gap:.5rem}.national-park-card__eyebrow{margin:0;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;color:#d97706b3}.national-park-card__title{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;color:#0f172a}.national-park-card__body p{margin:0;color:#1e293bcc;line-height:1.7}.national-park-highlight-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem;color:#1e293bcc}.national-park-highlight-list li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;font-size:.95rem}.national-park-highlight-list li span:first-child{font-size:.9rem;color:#d97706e6;margin-top:.2rem}.national-park-section__header{display:flex;flex-direction:column;gap:.75rem;max-width:48rem}.national-park-section__header--light{color:#f1f5f9f2}.national-park-section__title{margin:0;font-size:clamp(2.25rem,5vw,2.75rem);font-weight:600;color:inherit}.national-park-section__summary{margin:0;font-size:1.05rem;line-height:1.7;color:inherit;opacity:.85}.national-park-experiences{display:grid;gap:clamp(1.25rem,3vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.national-park-experience-card{padding:clamp(1rem,2.5vw,1.5rem);border-radius:1.5rem;border:1px solid rgba(15,118,110,.14);background:#ecfdf58c;box-shadow:var(--elevation-sm);display:flex;flex-direction:column;gap:.75rem}.national-park-experience-card h3{margin:0;font-size:1.2rem;font-weight:600;color:#0f172a}.national-park-experience-card p{margin:0;color:#1e293bc7;line-height:1.6}.national-park-section--planning{background:radial-gradient(circle at top right,rgba(15,118,110,.18),transparent 55%),linear-gradient(150deg,#0f172af2,#1e293bd1);color:#fff;border-radius:2.5rem;overflow:hidden}.national-park-plan{display:grid;gap:clamp(1.5rem,4vw,2rem);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.national-park-plan__column{background:#0f172a73;border:1px solid rgba(148,163,184,.3);border-radius:1.5rem;padding:clamp(1rem,2.5vw,1.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.national-park-plan__column h3{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#f8fafcf2}.national-park-plan__column ul{margin:1rem 0 0;padding-left:1.25rem;display:grid;gap:.75rem;color:#e2e8f0eb;font-size:.95rem}.national-park-plan__column li{line-height:1.55}.national-park-resources{display:flex;flex-direction:column;gap:.75rem}.national-park-resources h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fcd34de6}.national-park-resources ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.national-park-resources a{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;color:#f4f4f5f2;text-decoration:underline;text-decoration-color:#fcd34d99;text-underline-offset:.3rem;transition:color .2s ease,text-decoration-color .2s ease}.national-park-resources a:hover,.national-park-resources a:focus-visible{color:#fff;text-decoration-color:#fcd34dd9}.national-park-section--nearby{background:linear-gradient(135deg,#ffffffe6,#ecfeffc7);border-radius:2rem}.national-park-nearby{display:grid;gap:clamp(1.25rem,3vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}@media(max-width:900px){.national-park-hero__inner{grid-template-columns:1fr}.national-park-hero__media{justify-self:stretch;max-width:none}}@media(prefers-reduced-motion:reduce){.national-park-hero,.national-park-hero__media-image,.national-park-resources a{animation-duration:0s!important;transition-duration:0s!important}}