.state-discovery-page{background:var(--paper)}
.state-index-hero{padding-bottom:48px}
.state-index-section,.state-overview-section,.state-destinations-section{padding-top:56px;padding-bottom:64px}
.state-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:42px;align-items:end;margin-bottom:28px}
.state-section-heading h2{margin:5px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.035em}
.state-section-heading>p{margin:0;color:var(--muted);line-height:1.6}
.state-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.state-index-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgb(var(--white-rgb)/.55);box-shadow:0 10px 30px rgb(var(--ink-rgb)/.035)}
.state-index-card__media{display:block;overflow:hidden;aspect-ratio:16/9;background:var(--forest)}
.state-index-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.state-index-card:hover .state-index-card__media img{transform:scale(1.02)}
.state-index-card__body{padding:24px 25px 27px}
.state-index-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:13px}
.state-index-card__meta span,.state-index-card__meta a{padding:6px 9px;border-radius:999px;background:rgb(var(--brand-green-rgb)/.09);color:var(--forest);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em;text-decoration:none}
.state-index-card__meta a{background:rgb(var(--brand-yellow-rgb)/.18)}
.state-index-card h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.04}
.state-index-card h3 a{text-decoration:none}
.state-index-card p{margin:13px 0 0;color:var(--muted);font-size:.9rem;line-height:1.58}
.state-best-for{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.state-best-for span{padding:7px 10px;border:1px solid rgb(var(--forest-rgb)/.13);border-radius:999px;background:rgb(var(--white-rgb)/.58);font-size:.73rem;font-weight:750}
.state-card-link{display:inline-flex;margin-top:19px;color:var(--forest);font-size:.78rem;font-weight:900;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.state-index-back{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

.state-detail-hero{position:relative;overflow:hidden;min-height:540px;display:flex;align-items:flex-end;background:var(--forest);color:#fff}
.state-detail-hero__media,.state-detail-hero__shade{position:absolute;inset:0}
.state-detail-hero__media img{width:100%;height:100%;object-fit:cover}
.state-detail-hero__shade{background:linear-gradient(180deg,rgb(10 25 21/.16) 8%,rgb(10 25 21/.5) 48%,rgb(10 25 21/.9) 100%)}
.state-detail-hero__content{position:relative;z-index:1;padding-top:100px;padding-bottom:58px}
.state-detail-hero .page-breadcrumbs a,.state-detail-hero .page-breadcrumbs span{color:inherit}
.state-detail-hero .page-breadcrumbs{color:rgb(255 255 255/.75)}
.state-detail-hero h1{max-width:980px;margin:10px 0 0;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.97;letter-spacing:-.05em}
.state-detail-hero__content>p:not(.eyebrow){max-width:840px;margin:20px 0 0;color:rgb(255 255 255/.9);font-size:1.04rem;line-height:1.65}
.state-detail-hero__stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.state-detail-hero__stats span{padding:9px 12px;border:1px solid rgb(255 255 255/.22);border-radius:999px;background:rgb(0 0 0/.18);font-size:.78rem}
.state-detail-hero__stats strong{font-size:1rem}
.state-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:18px}
.state-overview-copy,.state-theme-panel{padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg)}
.state-overview-copy{background:rgb(var(--white-rgb)/.52)}
.state-overview-copy h2{margin:5px 0 0;font-size:clamp(2.25rem,4vw,3.35rem);letter-spacing:-.04em}
.state-overview-copy>p:last-of-type{max-width:780px;margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}
.state-best-for--large{margin-top:24px}
.state-theme-panel{background:rgb(var(--brand-yellow-rgb)/.11)}
.state-theme-list{display:grid;gap:9px;margin-top:18px}
.state-theme-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:12px;background:rgb(var(--white-rgb)/.68)}
.state-theme-list span{font-weight:800}
.state-theme-list strong{color:var(--forest)}
.state-theme-panel small{display:block;margin-top:17px;color:var(--muted);line-height:1.45}
.state-region-section{padding:50px 0;background:rgb(var(--white-rgb)/.34);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.state-region-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:28px 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgb(var(--brand-green-rgb)/.065)}
.state-region-panel h2{margin:5px 0 0;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.06;letter-spacing:-.03em}
.state-region-panel p:last-child{max-width:760px;margin:12px 0 0;color:var(--muted);line-height:1.55}
.state-region-panel .btn{white-space:nowrap}
.state-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.state-destination-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgb(var(--white-rgb)/.5);transition:transform .18s ease,box-shadow .18s ease}
.state-destination-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.state-destination-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--forest)}
.state-destination-card__media img{width:100%;height:100%;object-fit:cover}
.state-destination-card__body{padding:19px 20px 22px}
.state-destination-card__meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.state-destination-card__meta small,.state-destination-card__meta span{color:var(--green);font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.state-destination-card__meta span{padding:4px 7px;border-radius:999px;background:rgb(var(--brand-yellow-rgb)/.18);color:var(--forest)}
.state-destination-card h3{margin:7px 0 0;font-size:1.55rem;line-height:1.08}
.state-destination-card h3 a{text-decoration:none}
.state-destination-card p{margin:10px 0 15px;color:var(--muted);font-size:.86rem;line-height:1.5}
.state-destination-card__body>a{color:var(--forest);font-size:.78rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.045em}
.state-navigation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

@media(max-width:980px){
.state-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.state-section-heading,.state-overview-grid{grid-template-columns:1fr}
.state-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.state-detail-hero{min-height:500px}
.state-region-panel{grid-template-columns:1fr}
.state-region-panel .btn{justify-self:start}
}
@media(max-width:640px){
.state-index-section,.state-overview-section,.state-destinations-section{padding-top:44px;padding-bottom:48px}
.state-index-grid,.state-destination-grid{grid-template-columns:1fr}
.state-index-card__body,.state-overview-copy,.state-theme-panel{padding:22px}
.state-detail-hero{min-height:520px}
.state-detail-hero__content{padding-top:90px;padding-bottom:42px}
.state-detail-hero h1{font-size:clamp(2.55rem,12vw,3.6rem)}
.state-region-panel{padding:24px}
}