/* GOBUSTAN — HOME. Dramatic stone landing. */
.hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; padding: calc(var(--header-h)+3rem) 0 4rem; overflow:hidden; isolation:isolate; }
.hero-bg { position:absolute; inset:0; z-index:-3; background:center/cover no-repeat; }
.hero::after { content:""; position:absolute; inset:0; z-index:-2; background: linear-gradient(180deg, rgba(15,11,6,.35) 0%, rgba(15,11,6,.2) 35%, rgba(12,9,5,.92) 100%); }
.hero-inner { width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; }
.hero .kicker { color: var(--ochre-br); }
.hero h1 { font-size: clamp(3rem,2rem+7vw,7.5rem); color: var(--sand); letter-spacing:.02em; text-shadow: 0 12px 50px rgba(0,0,0,.55); }
.hero-sub { max-width:56ch; margin:1.2rem 0 2rem; font-size: clamp(1.05rem,1rem+.55vw,1.35rem); color: var(--sand-dim); }
.hero-cta { display:flex; gap:1rem; flex-wrap:wrap; }
.hero-scroll { position:absolute; inset-block-end:1.4rem; inset-inline-end:2rem; z-index:1; color: var(--sand-far); font-size:.64rem; letter-spacing:.28em; text-transform:uppercase; writing-mode: vertical-rl; }

.stats { background: var(--bg-2); border-block:1px solid var(--line); }
.stats .container { display:grid; grid-template-columns: repeat(4,1fr); }
.stat { padding:2.2rem 1.2rem; text-align:center; position:relative; }
.stat+.stat::before { content:""; position:absolute; inset-block:22%; inset-inline-start:0; width:1px; background: var(--line); }
.stat-v { font-family: var(--f-display); font-weight:700; font-size: clamp(2rem,1.5rem+1.8vw,3.2rem); color: var(--ochre); line-height:1; }
.stat-l { font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; color: var(--sand-dim); margin-top:.5rem; }
@media (max-width:680px){ .stats .container{ grid-template-columns:1fr 1fr; } .stat+.stat::before{ display:none; } }

.intro { padding: clamp(4rem,8vw,7rem) 0; }
.intro-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.intro-copy h2 { font-size: clamp(1.9rem,1.4rem+2vw,3rem); margin:1rem 0 1.2rem; }
.intro-copy p { color: var(--sand-dim); margin-bottom:1rem; }
.intro-media { border-radius: var(--r-lg); overflow:hidden; box-shadow: var(--shadow); border:1px solid var(--line); }
.intro-media img { width:100%; aspect-ratio:5/4; object-fit:cover; }
@media (max-width:820px){ .intro-grid{ grid-template-columns:1fr; } .intro-media{ order:-1; } .intro-media img{ aspect-ratio:16/10; } }

.features { padding: clamp(4rem,8vw,7rem) 0; background: var(--bg-2); }
.features .section-head { text-align:center; margin:0 auto 2.6rem; } .features .section-head .kicker{ justify-content:center; }
.feat-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:1.3rem; }
@media (max-width:900px){ .feat-grid{ grid-template-columns:1fr 1fr; } } @media (max-width:520px){ .feat-grid{ grid-template-columns:1fr; } }
.feat-card { position:relative; border-radius: var(--r-lg); overflow:hidden; aspect-ratio:3/4; box-shadow: var(--shadow); display:block; border:1px solid var(--line); }
.feat-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .6s var(--ease); }
.feat-card:hover img { transform: scale(1.07); }
.feat-card::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(15,11,6,.1) 35%, rgba(12,9,5,.9)); }
.feat-cap { position:absolute; inset-block-end:0; inset-inline:0; z-index:2; padding:1.3rem; }
.feat-cap h3 { color: var(--sand); font-size:1.3rem; }
.feat-cap p { color: var(--sand-dim); font-size:.84rem; margin-top:.25rem; }

.quote { padding: clamp(4rem,8vw,7rem) 0; }
.quote blockquote { max-width:26ch; margin:0 auto; text-align:center; font-family: var(--f-display); font-size: clamp(1.7rem,1.2rem+2.6vw,3.2rem); line-height:1.25; color: var(--sand); }
.quote blockquote::before{ content:"«"; color: var(--ochre); } .quote blockquote::after{ content:"»"; color: var(--ochre); }

.museum-band { position:relative; padding: clamp(4rem,8vw,7rem) 0; overflow:hidden; isolation:isolate; }
.museum-band .mb-bg { position:absolute; inset:0; z-index:-2; background:center/cover; }
.museum-band::after { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(90deg, rgba(12,9,5,.92), rgba(12,9,5,.55)); }
.museum-band .box { max-width:54ch; }
.museum-band h2 { font-size: clamp(1.9rem,1.4rem+2vw,3rem); margin:1rem 0 1rem; }
.museum-band p { color: var(--sand-dim); margin-bottom:1.6rem; }

.visit-band { padding: clamp(4rem,8vw,7rem) 0; background: var(--bg-2); }
.visit-card { background: linear-gradient(120deg, var(--terra), #8f3d1f); color:#fff; border-radius: var(--r-lg); padding: clamp(2.4rem,5vw,4rem); text-align:center; }
.visit-card .kicker{ color:#fff; justify-content:center; } .visit-card .kicker::before{ background:#fff; }
.visit-card h2 { color:#fff; font-size: clamp(1.9rem,1.4rem+2vw,3rem); margin:1rem 0 .8rem; }
.visit-card p { color: rgba(255,255,255,.92); max-width:52ch; margin:0 auto 1.8rem; }
.visit-card .btn-light { background:#fff; color: var(--terra); }
.visit-card .btn-light:hover { transform: translateY(-3px); }