/* ================================================================
   OrokoUSA Rites & Rituals v1.0
   Colors: Deep Green #1B4332 · Maroon #6B1A1A · Gold #C07A2A
   ================================================================ */

/* ── HERO ─────────────────────────────────────────── */
.rt-hero {
    width:100vw; position:relative; left:50%; margin-left:-50vw;
    background:linear-gradient(160deg,#0D2B1F 0%,#6B1A1A 55%,#2D1111 100%);
    padding:80px 0 64px; overflow:hidden; min-height:52vh; display:flex; align-items:center;
}
.rt-hero-bg {
    position:absolute; inset:0;
    background:
        radial-gradient(ellipse at 20% 70%, rgba(192,122,42,.12) 0%,transparent 50%),
        radial-gradient(ellipse at 80% 30%, rgba(27,67,50,.15) 0%,transparent 45%);
    pointer-events:none;
}
.rt-hero-inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.rt-hero-title { font-family:'Playfair Display',serif; font-size:clamp(2.2rem,5.5vw,4.5rem); font-weight:700; color:#fff; margin:12px 0 10px; line-height:1.1; }
.rt-hero-sub   { font-family:'DM Sans',sans-serif; font-size:var(--fs-subtitle,1.1rem); color:var(--ok-gold-light,#E8A84A); margin:0; font-style:italic; }
.rt-hero-symbols { display:flex; gap:16px; flex-wrap:wrap; }
.rt-sym {
    width:68px; height:68px; border-radius:50%;
    background:rgba(255,255,255,.06); border:1px solid rgba(232,168,74,.2);
    display:flex; align-items:center; justify-content:center;
    font-size:1.8rem; backdrop-filter:blur(4px);
    animation:rt-float 4s ease-in-out infinite;
}
.rt-sym-1 { animation-delay:0s;   animation-duration:3.8s; }
.rt-sym-2 { animation-delay:.6s;  animation-duration:4.2s; }
.rt-sym-3 { animation-delay:1.2s; animation-duration:3.6s; }
.rt-sym-4 { animation-delay:1.8s; animation-duration:4.4s; }
@keyframes rt-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.rt-hero-scroll { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); }
.rt-hero-scroll span { display:block; width:2px; height:40px; background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent); animation:rt-scroll 2s ease-in-out infinite; border-radius:1px; }
@keyframes rt-scroll { 0%{opacity:1;transform:scaleY(1)} 100%{opacity:0;transform:scaleY(0);transform-origin:top} }
@media(max-width:680px){ .rt-hero-symbols{display:none} }

/* ── SHARED ───────────────────────────────────────── */
.rt-section { padding:80px 0; }
.rt-anim { opacity:0; transform:translateY(22px); transition:opacity .6s ease,transform .6s ease; }
.rt-anim.rt-in { opacity:1; transform:translateY(0); }

/* ── INTRO ────────────────────────────────────────── */
.rt-intro-section { background:#fff; }
.rt-intro-layout { display:grid; grid-template-columns:1fr 280px; gap:56px; align-items:start; }
.rt-intro-quick { display:flex; flex-direction:column; gap:10px; }
.rt-quick-link {
    display:flex; align-items:center; gap:12px;
    background:var(--ok-cream,#FAF7F0); border-radius:8px; padding:12px 16px;
    text-decoration:none; font-family:'DM Sans',sans-serif;
    font-size:var(--fs-card,.9rem); font-weight:600; color:var(--ok-text,#1C1208);
    border-left:3px solid var(--ok-green,#1B4332);
    transition:background .2s, border-left-color .2s, transform .2s;
}
.rt-quick-link:hover { background:var(--ok-cream-dk,#F0EAD8); border-left-color:var(--ok-gold,#C07A2A); transform:translateX(4px); }
.rt-quick-icon { font-size:1.3rem; }
@media(max-width:800px){ .rt-intro-layout{grid-template-columns:1fr} .rt-intro-quick{flex-direction:row;flex-wrap:wrap} .rt-quick-link{flex:1;min-width:130px} }

/* ── CEREMONIES ───────────────────────────────────── */
.rt-ceremony          { background:var(--ok-cream,#FAF7F0); }
.rt-ceremony--alt     { background:#fff; }
.rt-cer-layout { display:grid; grid-template-columns:1.4fr 1fr; gap:52px; align-items:start; }
.rt-cer-title-row { display:flex; align-items:flex-start; gap:18px; margin-bottom:18px; }
.rt-cer-icon { font-size:3.2rem; flex-shrink:0; line-height:1; padding-top:4px; }
.rt-cer-name { font-family:'Playfair Display',serif; font-size:var(--fs-h2,2rem); font-weight:700; color:var(--ok-text,#1C1208); margin:0 0 4px; }
.rt-cer-subtitle { font-family:'DM Sans',sans-serif; font-size:var(--fs-meta,.82rem); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.rt-significance {
    border-left:4px solid; padding:14px 18px; margin-top:20px;
    background:rgba(192,122,42,.05); border-radius:0 8px 8px 0;
}
.rt-significance strong { display:block; font-family:'DM Sans',sans-serif; font-size:var(--fs-meta,.82rem); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ok-muted,#5C4A2A); margin-bottom:6px; }
.rt-significance p { font-family:'DM Sans',sans-serif; font-size:var(--fs-card,.9rem); color:var(--ok-muted,#5C4A2A); line-height:1.7; margin:0; }
.rt-elements-title { font-family:'DM Sans',sans-serif; font-size:var(--fs-meta,.82rem); font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin:0 0 14px; }
.rt-elements-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.rt-element-item { display:flex; gap:12px; align-items:flex-start; font-family:'DM Sans',sans-serif; font-size:var(--fs-card,.9rem); color:var(--ok-text,#1C1208); line-height:1.6; }
.rt-element-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:7px; }
@media(max-width:820px){ .rt-cer-layout{grid-template-columns:1fr; gap:32px} }

/* ── BELIEFS DIVIDER ──────────────────────────────── */
.rt-beliefs-divider { background:var(--ok-maroon,#6B1A1A); padding:52px 0; }
.rt-div-inner { display:flex; align-items:center; gap:20px; justify-content:center; margin-bottom:10px; }
.rt-div-line { flex:1; max-width:120px; height:1px; background:rgba(232,168,74,.4); }
.rt-div-text { font-family:'Playfair Display',serif; font-size:clamp(1.1rem,2vw,1.6rem); font-weight:700; color:#fff; text-align:center; }
.rt-div-credit { text-align:center; font-family:'DM Sans',sans-serif; font-size:var(--fs-meta,.82rem); color:rgba(255,255,255,.5); font-style:italic; margin:0; }

/* ── DOCTRINES ────────────────────────────────────── */
.rt-doctrines-section {
    background:linear-gradient(180deg,#0D2B1F 0%,#1B4332 60%,#0D2B1F 100%);
}
.rt-doctrines-head { text-align:center; margin-bottom:48px; }
.rt-doctrines-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.rt-doctrine-card {
    background:rgba(255,255,255,.06);
    border:1px solid rgba(232,168,74,.12);
    border-top:4px solid var(--doc-color,#C07A2A);
    border-radius:10px; padding:24px;
    display:flex; gap:18px; align-items:flex-start;
    transition:background .2s;
}
.rt-doctrine-card:hover { background:rgba(255,255,255,.1); }
.rt-doc-num-wrap { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:6px; }
.rt-doc-icon { font-size:1.8rem; }
.rt-doc-num {
    width:28px; height:28px; border-radius:50%;
    background:var(--doc-color,#C07A2A); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-family:'Playfair Display',serif; font-size:.82rem; font-weight:700;
}
.rt-doc-title { font-family:'Playfair Display',serif; font-size:var(--fs-h3,1.05rem); font-weight:700; color:var(--ok-gold-light,#E8A84A); margin:0 0 10px; line-height:1.3; }
.rt-doc-text  { font-family:'DM Sans',sans-serif; font-size:var(--fs-card,.88rem); color:rgba(255,255,255,.75); line-height:1.72; margin:0; }
@media(max-width:760px){ .rt-doctrines-grid{grid-template-columns:1fr} }

/* ── VOCABULARY GLOSSARY ──────────────────────────── */
.rt-vocab-section { background:var(--ok-cream,#FAF7F0); }
.rt-vocab-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.rt-vocab-item {
    background:#fff; border-radius:8px; padding:18px;
    border:1px solid var(--ok-cream-dk,#F0EAD8);
    border-top:3px solid var(--ok-gold,#C07A2A);
    transition:transform .2s;
}
.rt-vocab-item:hover { transform:translateY(-3px); }
.rt-vocab-term { display:block; font-family:'Playfair Display',serif; font-size:var(--fs-h3,1.05rem); font-weight:700; color:var(--ok-green-dark,#0D2B1F); margin-bottom:6px; }
.rt-vocab-def  { font-family:'DM Sans',sans-serif; font-size:var(--fs-card,.88rem); color:var(--ok-muted,#5C4A2A); line-height:1.6; margin:0; }
@media(max-width:900px){ .rt-vocab-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .rt-vocab-grid{grid-template-columns:1fr} }