/* İÇƏRİŞƏHƏR — inner page components: prose rows, facts, timeline, ways, route, tips, gallery */

.page-main { padding: clamp(3.5rem,8vw,6rem) 0; }
.prose-narrow { max-width:74ch; }

/* alternating image + text rows */
.frow { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; padding: clamp(2rem,5vw,3.4rem) 0; }
.frow + .frow { border-top:1px solid var(--line); }
.frow .frow-media { border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-card); position:relative; }
.frow .frow-media img { width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; }
.frow .frow-media::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); border-radius:var(--r-lg); }
.frow.rev .frow-media { order:2; }
.frow h2 { font-size:clamp(1.7rem,1.3rem+1.8vw,2.5rem); margin:.4rem 0 1rem; }
.frow p { color:var(--ink-soft); }
@media (max-width:820px){ .frow{ grid-template-columns:1fr; } .frow.rev .frow-media{ order:0; } .frow .frow-media img{ aspect-ratio:16/10; } }

/* key facts grid */
.kgrid-wrap { background:var(--bg-2); padding: clamp(2.6rem,6vw,4rem) 0; }
.kgrid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.kcard { background:var(--bg-3); border:1px solid var(--line); border-radius:var(--r-lg); padding:1.6rem; position:relative; overflow:hidden; }
.kcard::before { content:""; position:absolute; inset-block-start:0; inset-inline-start:0; width:42px; height:4px; background:var(--ochre); border-radius:0 0 3px 0; }
.kcard .kt { font-family:var(--f-body); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--terra); font-weight:700; }
.kcard .kd { font-family:var(--f-display); font-size:1.35rem; margin-top:.5rem; color:var(--ink); line-height:1.2; }
@media (max-width:760px){ .kgrid{ grid-template-columns:1fr 1fr; } }

/* timeline */
.timeline { max-width:880px; margin-inline:auto; position:relative; padding-inline-start:2rem; }
.timeline::before { content:""; position:absolute; inset-block:0; inset-inline-start:6px; width:2px; background:linear-gradient(var(--ochre), var(--line)); }
[dir="rtl"] .timeline::before { inset-inline-start:auto; inset-inline-end:6px; }
.tl-item { position:relative; padding: 0 0 2.4rem 1.6rem; }
[dir="rtl"] .tl-item { padding:0 1.6rem 2.4rem 0; }
.tl-item::before { content:""; position:absolute; inset-block-start:.35rem; inset-inline-start:-1.55rem; width:14px; height:14px; border-radius:50%; background:var(--ochre); box-shadow:0 0 0 4px var(--bg); }
[dir="rtl"] .tl-item::before { inset-inline-start:auto; inset-inline-end:-1.55rem; }
.tl-y { font-family:var(--f-body); font-weight:700; font-size:.8rem; letter-spacing:.12em; color:var(--terra); text-transform:uppercase; }
.tl-t { font-family:var(--f-display); font-size:1.3rem; margin:.2rem 0 .4rem; }
.tl-d { color:var(--ink-soft); font-size:.96rem; }

/* ways (visit methods) */
.ways { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.way { background:var(--bg-3); border:1px solid var(--line); border-radius:var(--r-lg); padding:1.8rem; box-shadow:var(--shadow-card); }
.way .way-n { width:42px; height:42px; border-radius:50%; background:var(--deep); color:var(--ochre-br); display:flex; align-items:center; justify-content:center; font-family:var(--f-display); font-size:1.2rem; margin-bottom:1rem; }
.way h3 { font-size:1.25rem; margin-bottom:.5rem; }
.way p { color:var(--ink-soft); font-size:.95rem; }
@media (max-width:820px){ .ways{ grid-template-columns:1fr; } }

/* route (numbered steps) */
.route-wrap { background:var(--deep); color:var(--sand); padding: clamp(3rem,7vw,5rem) 0; }
.route-wrap .section-head h2 { color:#fff; }
.route-wrap .section-head .kicker { color:var(--ochre-br); }
.route { max-width:820px; margin: 2rem auto 0; counter-reset:step; }
.route li { list-style:none; position:relative; padding: 1.1rem 0 1.1rem 3.4rem; border-bottom:1px solid var(--line-dk); color:var(--sand-dim); }
[dir="rtl"] .route li { padding:1.1rem 3.4rem 1.1rem 0; }
.route li::before { counter-increment:step; content:counter(step); position:absolute; inset-inline-start:0; inset-block-start:1rem; width:34px; height:34px; border-radius:50%; border:1.5px solid var(--ochre); color:var(--ochre-br); display:flex; align-items:center; justify-content:center; font-family:var(--f-display); font-size:1rem; }
[dir="rtl"] .route li::before { inset-inline-start:auto; inset-inline-end:0; }

/* tips */
.tips { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; max-width:880px; margin:2.2rem auto 0; }
.tip { display:flex; gap:.9rem; align-items:flex-start; background:var(--bg-3); border:1px solid var(--line); border-radius:var(--r); padding:1.1rem 1.3rem; }
.tip svg { width:1.3rem; height:1.3rem; flex:none; color:var(--ochre); margin-top:.1rem; }
.tip p { font-size:.95rem; color:var(--ink-soft); }
@media (max-width:680px){ .tips{ grid-template-columns:1fr; } }

/* gallery */
.gal-controls { display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin-bottom:2rem; }
.gal-chip { padding:.5em 1.1em; border:1.5px solid var(--line); border-radius:100px; font-size:.82rem; font-weight:600; color:var(--ink-soft); transition:.25s; }
.gal-chip:hover { border-color:var(--ochre); color:var(--ink); }
.gal-chip.is-active { background:var(--ochre); border-color:var(--ochre); color:#fff; }
.gal-grid { columns: 3 280px; column-gap:1rem; }
.gal-fig { break-inside:avoid; margin-bottom:1rem; position:relative; border-radius:var(--r-lg); overflow:hidden; cursor:zoom-in; box-shadow:var(--shadow-card); }
.gal-fig img { width:100%; display:block; transition:transform .5s var(--ease); }
.gal-fig:hover img { transform:scale(1.05); }
.gal-fig figcaption { position:absolute; inset-block-end:0; inset-inline:0; padding:1.4rem .9rem .7rem; font-size:.8rem; color:#fff; background:linear-gradient(transparent, rgba(18,11,5,.82)); opacity:0; transition:opacity .3s; }
.gal-fig:hover figcaption { opacity:1; }

/* filmography list */
.films { max-width:900px; margin:2rem auto 0; }
.film { display:grid; grid-template-columns:auto 1fr; gap:1.4rem; align-items:baseline; padding:1.3rem 0; border-top:1px solid var(--line); }
.film:first-child { border-top:none; }
.film .film-y { font-family:var(--f-display); font-size:1.5rem; color:var(--ochre); line-height:1; min-width:3.4ch; }
.film .film-b h3 { font-size:1.25rem; margin-bottom:.35rem; }
.film .film-b p { color:var(--ink-soft); font-size:.96rem; }
@media (max-width:560px){ .film{ grid-template-columns:1fr; gap:.3rem; } .film .film-y{ font-size:1.2rem; } }

/* cinema highlight callout (deep card, film-strip accent) */
.cine { position:relative; background:var(--deep); color:var(--sand); border-radius:var(--r-lg); padding:clamp(1.8rem,4vw,3rem); margin:2.6rem auto 0; max-width:880px; overflow:hidden; box-shadow:var(--shadow); }
.cine::before { content:""; position:absolute; inset-block:0; inset-inline-start:0; width:10px; background:repeating-linear-gradient(var(--deep) 0 6px, var(--ochre) 6px 12px); opacity:.85; }
.cine .kicker { color:var(--ochre-br); }
.cine h2 { color:#fff; font-size:clamp(1.7rem,1.3rem+1.8vw,2.6rem); margin:.7rem 0 1rem; }
.cine p { color:var(--sand-dim); margin-bottom:.9rem; }
.cine p:last-child { margin-bottom:0; }
.cine .cine-quote { color:var(--ochre-br); font-style:italic; }

/* duo cards (two named items) */
.duo { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-top:2rem; }
.dcard { background:var(--bg-3); border:1px solid var(--line); border-radius:var(--r-lg); padding:1.8rem; box-shadow:var(--shadow-card); position:relative; }
.dcard::before { content:""; position:absolute; inset-block-start:0; inset-inline-start:0; width:48px; height:4px; background:var(--terra); border-radius:0 0 3px 0; }
.dcard h3 { font-size:1.3rem; margin-bottom:.6rem; }
.dcard p { color:var(--ink-soft); font-size:.96rem; }
@media (max-width:680px){ .duo{ grid-template-columns:1fr; } }

/* small intro lead under hero */
.lead { font-size:clamp(1.1rem,1rem+.6vw,1.35rem); color:var(--ink-soft); max-width:70ch; line-height:1.7; }
.lead strong { color:var(--ink); font-weight:600; }