@font-face{
    font-family:'Estedad';
    src:url('../Estedad[wght].woff2') format('woff2'),
        url('../Estedad[wght].ttf') format('truetype');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}
:root{
    --ink:#182b21;
    --cypress:#22453a;
    --cypress-deep:#132720;
    --parchment:#eee3c8;
    --parchment-2:#f6efdc;
    --turquoise:#2c8686;
    --turquoise-soft:#bcdcd6;
    --terracotta:#b04f2c;
    --gold:#c1922f;
    --line: rgba(24,43,33,0.16);
    --serif-num: 'Estedad', sans-serif;
    --disp: 'Estedad', sans-serif;
    --body: 'Estedad', sans-serif;
    --naskh: 'Estedad', sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0;
    background:var(--parchment-2);
    color:var(--ink);
    font-family:var(--body);
    font-weight:400;
    line-height:1.9;
    -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}

body::before{
    content:"";
    position:fixed;inset:0;z-index:-1;
    background-image:
      radial-gradient(circle at 0 0, rgba(44,134,134,0.05) 0, transparent 60%),
      radial-gradient(circle at 100% 0, rgba(176,79,44,0.05) 0, transparent 60%);
    pointer-events:none;
}

header.site-nav{
    position:sticky;top:0;z-index:50;
    background:rgba(246,239,220,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
}
.nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 28px;max-width:1120px;margin:0 auto;
    gap:16px;
}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.02rem;color:var(--cypress-deep);}
.brand .mark{width:26px;height:26px;flex:none;}
nav.links{display:flex;gap:22px;flex-wrap:wrap;font-size:0.86rem;font-weight:500;}
nav.links a{opacity:0.75;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:opacity .2s, border-color .2s;}
nav.links a:hover{opacity:1;border-color:var(--terracotta);}
nav.links a.nav-account{opacity:1;border:1px solid var(--cypress-deep);border-radius:20px;padding:5px 14px;color:var(--cypress-deep);font-weight:600;margin-inline-start:8px;}
nav.links a.nav-account:hover{border-color:var(--terracotta);}
.nav-toggle{display:none;}
@media (max-width:860px){
    nav.links{display:none;}
}

.hero{
    position:relative;
    padding:64px 0 0;
    overflow:hidden;
}
.hero-eyebrow{
    text-align:center;font-family:var(--naskh);font-size:0.98rem;color:var(--terracotta);
    letter-spacing:0.5px;margin-bottom:10px;
}
.hero h1{
    text-align:center;
    font-family:var(--disp);
    font-weight:800;
    font-size:clamp(2.1rem, 5vw, 3.6rem);
    line-height:1.35;
    margin:0 auto 14px;
    max-width:900px;
    color:var(--cypress-deep);
}
.hero h1 em{
    font-style:normal;color:var(--terracotta);
}
.hero-sub{
    text-align:center;max-width:680px;margin:0 auto 40px;
    font-size:1.02rem;color:var(--ink);opacity:0.82;
}
.chaharbagh{
    position:relative;
    max-width:920px;
    margin:0 auto;
    aspect-ratio: 16/10;
    padding:0 20px 40px;
}
.cb-grid{
    position:relative;
    width:100%;height:100%;
    display:grid;
    grid-template-columns:1fr 6px 1fr;
    grid-template-rows:1fr 6px 1fr;
    background:var(--cypress-deep);
    border-radius:14px;
    box-shadow:0 30px 60px -20px rgba(19,39,32,0.35);
    overflow:hidden;
}
.cb-quad{
    background:var(--cypress);
    padding:22px 24px;
    display:flex;flex-direction:column;justify-content:center;gap:6px;
    color:var(--parchment-2);
    position:relative;
}
.cb-quad:nth-child(1){border-start-start-radius:14px;}
.cb-quad .q-num{font-family:var(--serif-num);font-size:0.78rem;color:var(--gold);opacity:0.9;}
.cb-quad .q-label{font-family:var(--disp);font-weight:700;font-size:1.02rem;}
.cb-quad .q-desc{font-size:0.8rem;opacity:0.72;line-height:1.7;}
.cb-canal-h, .cb-canal-v{background:linear-gradient(90deg, var(--turquoise), var(--turquoise-soft), var(--turquoise));}
.cb-canal-v{background:linear-gradient(180deg, var(--turquoise), var(--turquoise-soft), var(--turquoise));}
.cb-pool{
    position:absolute;
    top:50%;left:50%;
    width:64px;height:64px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%, var(--turquoise-soft), var(--turquoise) 70%);
    box-shadow:0 0 0 6px var(--cypress-deep), 0 0 0 9px var(--gold);
    z-index:3;
}
.cb-pool::after{
    content:"";position:absolute;inset:-6px;border-radius:50%;
    border:1px solid rgba(193,146,47,0.55);
    animation:ripple 3.2s ease-out infinite;
}
@keyframes ripple{
    0%{transform:scale(0.7);opacity:0.9;}
    100%{transform:scale(1.9);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
    .cb-pool::after{animation:none;}
    html{scroll-behavior:auto;}
}
@media (max-width:720px){
    .cb-quad .q-desc{display:none;}
    .cb-quad{padding:14px 12px;}
    .chaharbagh{aspect-ratio:4/5;}
}

.hero-meta{
    display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
    margin:34px 0 60px;
}
.meta-chip{
    border:1px solid var(--line);
    background:var(--parchment);
    border-radius:999px;
    padding:9px 18px;
    font-size:0.82rem;font-weight:600;
    display:flex;align-items:center;gap:8px;
    color:var(--cypress-deep);
}
.meta-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--terracotta);}

section{padding:80px 0;}
.section-alt{background:var(--parchment);}
.eyebrow{
    font-family:var(--naskh);
    color:var(--terracotta);
    font-size:0.92rem;
    margin-bottom:10px;
    display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--terracotta);display:inline-block;}
h2.section-title{
    font-family:var(--disp);
    font-weight:800;
    font-size:clamp(1.5rem, 3vw, 2.2rem);
    color:var(--cypress-deep);
    margin:0 0 26px;
}
.lede{font-size:1.02rem;max-width:760px;color:var(--ink);opacity:0.86;}

.intro-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:52px;align-items:start;}
.intro-grid p{margin:0 0 18px;color:var(--ink);opacity:0.88;}
.pull-panel{
    border-inline-start:3px solid var(--turquoise);
    background:var(--parchment);
    padding:26px 26px;
    border-radius:6px;
    font-family:var(--naskh);
    font-size:1.05rem;
    color:var(--cypress-deep);
    line-height:2.1;
}
@media (max-width:860px){.intro-grid{grid-template-columns:1fr;}}

.parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.part-card{
    background:var(--cypress-deep);
    color:var(--parchment-2);
    border-radius:10px;
    padding:30px 26px;
    position:relative;
    overflow:hidden;
}
.part-card::after{
    content:"";position:absolute;left:-30px;bottom:-30px;width:110px;height:110px;
    border:1px solid rgba(193,146,47,0.35);border-radius:50%;
}
.part-card .p-eyebrow{font-family:var(--serif-num);color:var(--gold);font-size:0.85rem;margin-bottom:10px;}
.part-card h3{font-family:var(--disp);font-size:1.15rem;margin:0 0 10px;}
.part-card p{margin:0;opacity:0.82;font-size:0.94rem;}
@media (max-width:720px){.parts-grid{grid-template-columns:1fr;}}

.aims-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;list-style:none;margin:0;padding:0;}
.aims-list li{
    display:flex;gap:14px;align-items:flex-start;
    padding:16px 0;border-bottom:1px solid var(--line);
    font-size:0.98rem;color:var(--ink);
}
.aims-list li .leaf{
    flex:none;width:20px;height:20px;margin-top:2px;color:var(--turquoise);
}
@media (max-width:720px){.aims-list{grid-template-columns:1fr;}}

.topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.topic-card{background:var(--parchment-2);padding:26px 26px;position:relative;}
.topic-card .t-num{
    font-family:var(--serif-num);font-size:1.6rem;color:var(--gold);
    display:block;margin-bottom:8px;
}
.topic-card h3{font-family:var(--disp);font-size:1.02rem;font-weight:700;margin:0 0 8px;color:var(--cypress-deep);}
.topic-card p{margin:0;font-size:0.88rem;color:var(--ink);opacity:0.8;}
@media (max-width:720px){.topics-grid{grid-template-columns:1fr;}}

.cta-band{
    background:var(--turquoise);
    color:var(--parchment-2);
    border-radius:14px;
    padding:40px 36px;
    display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.cta-band h3{font-family:var(--disp);font-size:1.3rem;margin:0 0 8px;}
.cta-band p{margin:0;opacity:0.9;max-width:520px;font-size:0.94rem;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.btn{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--terracotta);color:var(--parchment-2);
    padding:13px 26px;border-radius:999px;font-weight:700;font-size:0.92rem;
    text-decoration:none;white-space:nowrap;
    box-shadow:0 10px 24px -10px rgba(176,79,44,0.6);
}
.btn-ghost{
    background:transparent;
    color:var(--parchment-2);
    border:1.5px solid rgba(246,239,220,0.85);
    box-shadow:none;
}
.btn-ghost:hover{background:var(--parchment-2);color:var(--cypress-deep);}

.committee-wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;}
.lead-roles{display:flex;flex-direction:column;gap:16px;}
.role-card{background:var(--parchment);border-radius:10px;padding:18px 20px;border:1px solid var(--line);}
.role-card .r-title{font-size:0.78rem;color:var(--terracotta);font-weight:700;margin-bottom:6px;}
.role-card .r-name{font-family:var(--disp);font-weight:700;font-size:1.02rem;color:var(--cypress-deep);}
.role-card .r-detail{font-size:0.84rem;opacity:0.72;margin-top:3px;}

details.committee-list{border:1px solid var(--line);border-radius:10px;padding:6px 20px;background:var(--parchment-2);margin-bottom:14px;}
details.committee-list summary{
    cursor:pointer;padding:14px 0;font-family:var(--disp);font-weight:700;color:var(--cypress-deep);
    display:flex;align-items:center;justify-content:space-between;list-style:none;
}
details.committee-list summary::-webkit-details-marker{display:none;}
details.committee-list summary::after{content:"+";font-size:1.3rem;color:var(--terracotta);}
details.committee-list[open] summary::after{content:"–";}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:4px 0 18px;}
.name-grid span{font-size:0.87rem;color:var(--ink);opacity:0.82;padding:6px 0;border-bottom:1px dashed var(--line);}
@media (max-width:860px){.committee-wrap{grid-template-columns:1fr;}.name-grid{grid-template-columns:1fr;}}

.num-list{list-style:none;margin:0;padding:0;counter-reset:cond;}
.num-list li{
    counter-increment:cond;
    position:relative;padding:16px 0 16px 0;padding-inline-start:44px;
    border-bottom:1px solid var(--line);font-size:0.95rem;color:var(--ink);opacity:0.9;
}
.num-list li::before{
    content:counter(cond);
    position:absolute;inset-inline-start:0;top:14px;
    font-family:var(--serif-num);color:var(--gold);font-size:1.1rem;
}

.process-flow{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;}
.flow-step{
    flex:1 1 200px;background:var(--parchment);border:1px solid var(--line);border-radius:10px;padding:20px;
}
.flow-step .f-tag{font-size:0.76rem;color:var(--terracotta);font-weight:700;margin-bottom:6px;}
.flow-step .f-body{font-family:var(--disp);font-weight:600;font-size:0.98rem;color:var(--cypress-deep);}

.fee-table{width:100%;border-collapse:collapse;margin-top:8px;}
.fee-table th, .fee-table td{padding:16px 18px;text-align:start;font-size:0.94rem;}
.fee-table thead th{
    font-family:var(--disp);color:var(--parchment-2);background:var(--cypress-deep);font-weight:700;
    font-size:0.82rem;
}
.fee-table thead th:first-child{border-start-start-radius:8px;}
.fee-table thead th:last-child{border-start-end-radius:8px;}
.fee-table tbody tr:nth-child(odd){background:var(--parchment);}
.fee-table tbody td:last-child{font-family:var(--serif-num);color:var(--terracotta);font-weight:600;font-size:1.02rem;}

.reg-cta{margin-top:26px;text-align:center;}
.reg-cta-btn{
    display:inline-block;
    padding:14px 34px;
    background:var(--cypress-deep,#2c8686);
    color:#fff;
    border-radius:10px;
    font-family:var(--disp);
    font-weight:700;
    font-size:1rem;
    text-decoration:none;
    transition:transform .15s,background .15s;
}
.reg-cta-btn:hover{background:var(--cypress,var(--accent));transform:translateY(-2px);}

.timeline{position:relative;margin-top:34px;padding-inline-start:26px;border-inline-start:2px solid var(--turquoise-soft);}
.t-item{position:relative;padding-bottom:32px;}
.t-item:last-child{padding-bottom:0;}
.t-item::before{
    content:"";position:absolute;inset-inline-start:-32px;top:2px;width:12px;height:12px;border-radius:50%;
    background:var(--turquoise);border:3px solid var(--parchment-2);
}
.t-item .t-date{font-family:var(--serif-num);color:var(--terracotta);font-size:0.98rem;margin-bottom:4px;}
.t-item .t-label{font-size:0.94rem;color:var(--ink);opacity:0.88;}

.venue-band{
    background:var(--cypress-deep);color:var(--parchment-2);border-radius:14px;padding:40px 36px;
    display:grid;grid-template-columns:1fr 1fr;gap:36px;
}
.venue-band h3{font-family:var(--disp);font-size:1.15rem;margin:0 0 10px;color:var(--gold);}
.venue-band p{margin:0 0 6px;font-size:0.92rem;opacity:0.88;}
@media (max-width:720px){.venue-band{grid-template-columns:1fr;}}

.org-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;}
.org-chip{border:1px solid var(--line);background:var(--parchment-2);border-radius:8px;padding:14px 18px;font-size:0.9rem;font-weight:600;color:var(--cypress-deep);}

footer{
    background:var(--cypress-deep);color:var(--parchment-2);padding:56px 0 28px;
}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;}
.foot-grid h4{font-family:var(--disp);font-size:0.92rem;color:var(--gold);margin:0 0 14px;}
.foot-grid p, .foot-grid a{font-size:0.86rem;opacity:0.82;line-height:1.9;text-decoration:none;display:block;margin-bottom:4px;color:var(--parchment-2);}
.foot-bottom{border-top:1px solid rgba(238,227,200,0.15);margin-top:36px;padding-top:20px;font-size:0.78rem;opacity:0.6;text-align:center;}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr;}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
