/* İÇƏRİŞƏHƏR — home page */

/* ---- HERO ---- */
.hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; }
.hero-bg { position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; transform:scale(1.06); animation: heroZoom 22s var(--ease) forwards; }
@keyframes heroZoom { to { transform:scale(1); } }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; background:
   linear-gradient(180deg, rgba(18,12,6,.5) 0%, rgba(18,12,6,.28) 30%, rgba(20,13,7,.55) 70%, rgba(22,14,7,.94) 100%); }
.hero-inner { width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; padding-block-end: clamp(3rem,8vh,7rem); color:var(--sand); }
.hero .kicker { color:var(--ochre-br); margin-bottom:1.3rem; }
.hero h1 { font-size: clamp(3.2rem,2rem+8vw,8.5rem); color:#fff; line-height:.95; letter-spacing:-.02em; text-shadow:0 10px 40px rgba(0,0,0,.45); }
.hero-sub { max-width:54ch; margin-top:1.4rem; font-size:clamp(1.05rem,1rem+.5vw,1.4rem); color:var(--sand-dim); }
.hero-cta { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.2rem; }
.hero-scroll { position:absolute; inset-block-end:1.6rem; inset-inline-end:2rem; z-index:2; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--sand-far); writing-mode:vertical-lr; }
[dir="rtl"] .hero-scroll { inset-inline-end:auto; inset-inline-start:2rem; }

/* ---- STATS ---- */
.stats { background:var(--deep); color:var(--sand); }
.stats .container { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-dk); }
.stat { background:var(--deep); padding:2.4rem 1.4rem; text-align:center; }
.stat-v { font-family:var(--f-display); font-size:clamp(2rem,1.4rem+2.2vw,3rem); color:var(--ochre-br); line-height:1; }
.stat-l { margin-top:.6rem; font-size:.82rem; color:var(--sand-dim); letter-spacing:.02em; }
@media (max-width:680px){ .stats .container{ grid-template-columns:1fr 1fr; } }

/* ---- INTRO ---- */
.intro { padding: clamp(4rem,9vw,7rem) 0; }
.intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.intro-copy h2 { font-size:clamp(2rem,1.4rem+2.6vw,3.2rem); margin:.6rem 0 1.2rem; }
.intro-copy p { color:var(--ink-soft); margin-bottom:1rem; }
.intro-media { position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); }
.intro-media img { width:100%; height:100%; object-fit:cover; aspect-ratio:4/5; }
.intro-media::after { content:""; position:absolute; inset:0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); border-radius:var(--r-lg); }
@media (max-width:820px){ .intro-grid{ grid-template-columns:1fr; } .intro-media img{ aspect-ratio:16/10; } }

/* ---- FEATURES ---- */
.features { padding: clamp(3rem,7vw,5.5rem) 0; background:var(--bg-2); position:relative; }
.features .section-head { margin:0 auto clamp(2rem,4vw,3rem); text-align:center; }
.features .section-head .kicker { justify-content:center; }
.feat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
.feat-card { position:relative; border-radius:var(--r-lg); overflow:hidden; min-height:340px; display:flex; align-items:flex-end; box-shadow:var(--shadow-card); transition:transform .4s var(--ease), box-shadow .4s; isolation:isolate; }
.feat-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .6s var(--ease); }
.feat-card::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(20,13,6,.05) 0%, rgba(20,13,6,.5) 55%, rgba(18,11,5,.92) 100%); }
.feat-card:hover { transform:translateY(-6px); box-shadow:0 30px 60px -30px rgba(34,26,18,.7); }
.feat-card:hover img { transform:scale(1.08); }
.feat-cap { padding:1.4rem; color:var(--sand); }
.feat-cap h3 { color:#fff; font-size:1.3rem; margin-bottom:.4rem; }
.feat-cap p { font-size:.86rem; color:var(--sand-dim); line-height:1.6; }
@media (max-width:980px){ .feat-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .feat-grid{ grid-template-columns:1fr; } .feat-card{ min-height:280px; } }

/* ---- QUOTE ---- */
.quote { padding: clamp(3.5rem,7vw,6rem) 0; text-align:center; }
.quote blockquote { font-family:var(--f-display); font-size:clamp(1.5rem,1.1rem+2vw,2.6rem); line-height:1.35; max-width:24ch; margin-inline:auto; color:var(--ink); position:relative; }
.quote blockquote::before { content:"”"; display:block; font-size:4rem; line-height:.4; color:var(--ochre); margin-bottom:1rem; }

/* ---- TOWER BAND ---- */
.tower-band { position:relative; padding: clamp(5rem,12vw,9rem) 0; color:var(--sand); overflow:hidden; isolation:isolate; }
.tb-bg { position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center 30%; }
.tower-band::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(18,11,5,.92) 0%, rgba(18,11,5,.72) 45%, rgba(18,11,5,.35) 100%); }
[dir="rtl"] .tower-band::after { background:linear-gradient(270deg, rgba(18,11,5,.92) 0%, rgba(18,11,5,.72) 45%, rgba(18,11,5,.35) 100%); }
.tower-band .box { max-width:48ch; }
.tower-band h2 { color:#fff; font-size:clamp(2.2rem,1.6rem+3vw,3.6rem); margin:.8rem 0 1.1rem; }
.tower-band p { color:var(--sand-dim); margin-bottom:1.8rem; }

/* ---- VISIT BAND ---- */
.visit-band { padding: clamp(3rem,7vw,5.5rem) 0; background:var(--deep-2); }
.visit-card { max-width:60ch; margin-inline:auto; text-align:center; color:var(--sand); }
.visit-card .kicker { justify-content:center; color:var(--ochre-br); }
.visit-card h2 { color:#fff; font-size:clamp(2rem,1.4rem+2.4vw,3rem); margin:.7rem 0 1rem; }
.visit-card p { color:var(--sand-dim); margin-bottom:1.6rem; }