.home{max-width:100%;overflow:clip}

.home-hero{position:relative}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:var(--space-4);padding:var(--space-5)}
.home-hero-grid > *{min-width:0}
.hero-panel{display:flex;flex-direction:column;gap:var(--space-3)}
.hero-nav{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.hero-nav a{display:flex;justify-content:space-between;padding:0.5rem;border-bottom:1px solid var(--color-divider)}
.hero-main{position:relative;min-width:0;display:grid;isolation:isolate;overflow:hidden}
.hero-bg{grid-area:1/1;width:100%;height:100%;object-fit:cover;opacity:0.35}
.hero-content{grid-area:1/1;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-5)}
.hero-card{max-width:520px}

.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.featured-large{grid-column:span 2}

.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}

.home-rail{scroll-snap-type:x mandatory}
.home-rail .card{scroll-snap-align:start}

.guides-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}
.guides-side{display:flex;flex-direction:column;gap:var(--space-4)}

.timeline{display:flex;gap:var(--space-4);flex-wrap:wrap}
.timeline-item{padding:var(--space-3);border:1px solid var(--color-border-glow)}

.gallery{column-count:4;column-gap:var(--space-3)}
.gallery img{margin-bottom:var(--space-3);border-radius:var(--radius-md)}

@media(max-width:900px){
.home-hero-grid{grid-template-columns:1fr}
.featured-grid{grid-template-columns:1fr}
.bento-grid{grid-template-columns:repeat(2,1fr)}
.guides-grid{grid-template-columns:1fr}
.gallery{column-count:2}
}

@media(max-width:700px){
.home-hero-grid{padding:var(--space-3)}
.hero-content{padding:var(--space-4)}
.hero-content h1{font-size:clamp(1.75rem,8vw,2.2rem)}
}