Culture & Heritage of Iran | Empires, Arts & Living Traditions<\/title>\n<meta name=\"description\" content=\"A complete English guide to Iranian culture and heritage: ancient empires, UNESCO sites, Persian art, poetry, crafts, cuisine, festivals and visitor etiquette.\">\n<style>\n :root{\n --gold:#c9a227;\n --gold-light:#f0d47a;\n --gold-pale:#ffe9a8;\n --bg:#0e0b09;\n --panel:#141110;\n --card1:#1c1712;\n --card2:#120f0c;\n --ink:#f2ede4;\n --ink-soft:#e9e2d4;\n --muted:#b9b1a2;\n --faint:#8d867a;\n --line:rgba(201,162,39,.22);\n --line-strong:rgba(201,162,39,.6);\n --radius:1.1rem;\n }\n *{box-sizing:border-box;margin:0;padding:0;}\n html{scroll-behavior:smooth;}\n body{\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n background:var(--bg);\n color:var(--ink);\n line-height:1.7;\n overflow-x:hidden;\n }\n h1,h2,h3,h4{font-family:Georgia,\"Times New Roman\",Times,serif;line-height:1.25;letter-spacing:.01em;}\n a{color:inherit;}\n ::-webkit-scrollbar{width:10px;height:8px;}\n ::-webkit-scrollbar-track{background:#161210;}\n ::-webkit-scrollbar-thumb{background:linear-gradient(#c9a227,#8a6d1a);border-radius:10px;}\n\n main{display:block;}\n .wrap{max-width:1200px;margin:0 auto;padding:0 1.25rem;}\n @media(min-width:640px){.wrap{padding:0 2rem;}}\n @media(min-width:1024px){.wrap{padding:0 3rem;}}\n\n section{padding:5.5rem 0;}\n @media(max-width:640px){section{padding:4rem 0;}}\n\n .gold-text{\n background:linear-gradient(92deg,#f7dd85 5%,#c9a227 45%,#f7dd85 90%);\n -webkit-background-clip:text;background-clip:text;color:transparent;\n }\n .label{\n letter-spacing:.28em;font-size:.72rem;text-transform:uppercase;\n color:var(--gold-light);font-weight:600;margin-bottom:.9rem;\n }\n .sec-title{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;color:#f6f0e0;margin-bottom:1rem;}\n .sec-sub{color:var(--muted);max-width:46rem;font-size:1.02rem;}\n .center{text-align:center;}\n .center .sec-sub{margin:0 auto;}\n .divider{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.25rem 0 0;}\n .divider-center{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.25rem auto 0;}\n .sec-head{margin-bottom:3rem;}\n\n \/* ---------- HERO ---------- *\/\n .hero{\n min-height:100vh;display:flex;align-items:center;justify-content:center;\n text-align:center;position:relative;padding:6rem 1.25rem 5rem;\n background:\n radial-gradient(900px 480px at 50% -8%,rgba(201,162,39,.22),transparent 65%),\n radial-gradient(700px 500px at 85% 110%,rgba(120,70,20,.18),transparent 60%),\n linear-gradient(180deg,rgba(14,11,9,.55) 0%,rgba(14,11,9,.78) 55%,rgba(14,11,9,.98) 100%),\n repeating-linear-gradient(45deg,rgba(201,162,39,.05) 0 2px,transparent 2px 26px),\n #0e0b09;\n }\n .hero-inner{max-width:56rem;margin:0 auto;position:relative;z-index:2;}\n .hero-badge{\n display:inline-flex;align-items:center;gap:.55rem;\n border:1px solid var(--line-strong);border-radius:999px;\n padding:.45rem 1.15rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;\n color:var(--gold-pale);background:rgba(201,162,39,.08);margin-bottom:1.4rem;\n }\n .hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#7ee2a8;box-shadow:0 0 10px #7ee2a8;}\n .hero h1{font-size:clamp(2.2rem,6.4vw,4.2rem);font-weight:800;margin-bottom:1.2rem;}\n .hero p.lead{color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.25rem);font-weight:300;max-width:44rem;margin:0 auto 2rem;}\n .hero p.lead strong{color:var(--gold-pale);font-weight:600;}\n .btnrow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.6rem;}\n .btn{\n display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;\n padding:.95rem 2rem;border-radius:999px;font-size:.85rem;font-weight:700;\n letter-spacing:.14em;text-transform:uppercase;transition:all .3s ease;cursor:pointer;border:1px solid transparent;\n }\n .btn-solid{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;box-shadow:0 12px 32px -8px rgba(201,162,39,.55);}\n .btn-solid:hover{background:linear-gradient(120deg,#ffe9a8,#e8c85a);color:#000;transform:translateY(-3px);box-shadow:0 18px 40px -8px rgba(201,162,39,.7);}\n .btn-ghost{border-color:rgba(240,212,122,.6);color:var(--gold-pale);background:rgba(201,162,39,.06);}\n .btn-ghost:hover{background:var(--gold);border-color:var(--gold);color:#14100a;transform:translateY(-3px);}\n .chips{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;}\n .chip{\n font-size:.8rem;color:var(--ink-soft);border:1px solid var(--line);\n background:rgba(255,255,255,.03);border-radius:999px;padding:.42rem 1rem;\n }\n .chip b{color:var(--gold-light);}\n .scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);color:rgba(240,212,122,.75);font-size:1.6rem;animation:bob 2.2s infinite;}\n @keyframes bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}\n\n \/* ---------- STATS STRIP ---------- *\/\n .stats{background:rgba(0,0,0,.35);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;}\n .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;}\n @media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);}}\n .stat{padding:1.8rem 1rem;border-left:1px solid rgba(201,162,39,.12);}\n .stat:first-child{border-left:none;}\n @media(max-width:767px){.stat:nth-child(3){border-left:none;}.stat{border-top:1px solid rgba(201,162,39,.12);}.stat:nth-child(1),.stat:nth-child(2){border-top:none;}}\n .stat .num{font-family:Georgia,serif;font-size:1.9rem;font-weight:700;color:var(--gold-light);}\n .stat .cap{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;}\n\n \/* ---------- CARDS ---------- *\/\n .grid{display:grid;gap:1.4rem;grid-template-columns:1fr;}\n @media(min-width:600px){.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,1fr);}}\n @media(min-width:1024px){\n .grid.cols-5{grid-template-columns:repeat(3,1fr);}\n .grid.cols-4{grid-template-columns:repeat(4,1fr);}\n .grid.cols-3{grid-template-columns:repeat(3,1fr);}\n }\n @media(min-width:1280px){.grid.cols-5{grid-template-columns:repeat(5,1fr);}}\n .card{\n background:linear-gradient(160deg,var(--card1),var(--card2));\n border:1px solid rgba(201,162,39,.16);border-radius:var(--radius);\n overflow:hidden;cursor:pointer;position:relative;\n transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;\n }\n .card:hover,.card:focus-visible{\n transform:translateY(-10px) scale(1.015);border-color:var(--line-strong);\n box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 0 1px rgba(201,162,39,.35);\n outline:none;\n }\n .visual{\n height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;\n color:var(--gold-light);\n background:\n radial-gradient(320px 160px at 50% 120%,rgba(201,162,39,.35),transparent 70%),\n linear-gradient(140deg,#241c10,#14100a 60%,#1d1508);\n border-bottom:1px solid rgba(201,162,39,.15);\n }\n .visual::after{\n content:\"\";position:absolute;inset:0;opacity:.16;\n background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(240,212,122,.5) 14px 15px);\n }\n .visual svg{width:58px;height:58px;position:relative;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:transform .5s ease;}\n .card:hover .visual svg{transform:scale(1.15) rotate(-3deg);}\n .card-body{padding:1.4rem 1.35rem 1.5rem;}\n .card-body h3{font-size:1.18rem;color:#f7ecc8;margin-bottom:.5rem;}\n .card:hover .card-body h3{color:var(--gold-pale);}\n .card-body p{font-size:.88rem;color:var(--muted);margin-bottom:1rem;min-height:3.2em;}\n .more{font-size:.85rem;font-weight:600;color:var(--gold-light);display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.04em;}\n .card:hover .more{color:var(--gold-pale);}\n .more .arrow{transition:transform .35s ease;}\n .card:hover .more .arrow{transform:translateX(6px);}\n .group-sub{font-family:Georgia,serif;font-size:1.3rem;color:#f3e7c6;margin:2.8rem 0 1.3rem;display:flex;align-items:center;gap:.8rem;}\n .group-sub::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);}\n\n \/* ---------- TIMELINE ---------- *\/\n .timeline-sec{background:rgba(0,0,0,.32);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);}\n .tl-scroll{overflow-x:auto;padding:1rem .25rem 1.6rem;}\n .tl-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(160px,1fr));gap:.9rem;min-width:1080px;}\n .tl-line{position:absolute;top:11px;left:0;right:0;height:3px;border-radius:3px;\n background:linear-gradient(90deg,transparent,#c9a227 8%,#c9a227 92%,transparent);}\n .tl-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;border-radius:.8rem;padding:.2rem;}\n .tl-item:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;}\n .tl-dot{width:22px;height:22px;border-radius:50%;background:var(--bg);border:3px solid var(--gold);\n z-index:1;margin-bottom:1rem;transition:all .35s ease;}\n .tl-item:hover .tl-dot{background:var(--gold);box-shadow:0 0 0 8px rgba(201,162,39,.18);transform:scale(1.18);}\n .tl-num{font-size:.7rem;letter-spacing:.2em;color:var(--gold-light);text-transform:uppercase;margin-bottom:.3rem;}\n .tl-card{\n background:linear-gradient(160deg,var(--card1),var(--card2));\n border:1px solid rgba(201,162,39,.16);border-radius:.9rem;padding:.9rem .7rem;width:100%;\n transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n }\n .tl-item:hover .tl-card{transform:translateY(-8px);border-color:var(--line-strong);box-shadow:0 18px 36px -12px rgba(0,0,0,.65);}\n .tl-card h4{font-size:.95rem;color:#f5e9c8;margin-bottom:.3rem;font-family:Georgia,serif;}\n .tl-card p{font-size:.76rem;color:var(--muted);line-height:1.55;}\n .swipe-note{text-align:center;color:var(--faint);font-size:.8rem;margin-top:.4rem;letter-spacing:.08em;}\n @media(min-width:1100px){.swipe-note{display:none;}}\n\n \/* ---------- AUDIO ---------- *\/\n .audio-sec{position:relative;}\n .pulse-stage{text-align:center;margin-bottom:2.2rem;}\n .pulse-btn{\n position:relative;width:132px;height:132px;border-radius:50%;cursor:pointer;border:1px solid var(--line-strong);\n background:radial-gradient(circle at 35% 30%,#3a2c12,#171106 70%);\n color:var(--gold-pale);display:inline-flex;align-items:center;justify-content:center;\n transition:transform .3s ease,box-shadow .3s ease;\n }\n .pulse-btn:hover{transform:scale(1.05);box-shadow:0 0 45px rgba(201,162,39,.45);}\n .pulse-btn svg{width:46px;height:46px;z-index:2;position:relative;}\n .pulse-btn .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,162,39,.7);animation:pulse 2.2s ease-out infinite;}\n .pulse-btn .ring.r2{animation-delay:1.1s;}\n @keyframes pulse{0%{transform:scale(1);opacity:.9;}100%{transform:scale(1.65);opacity:0;}}\n .pulse-cap{margin-top:1.2rem;color:var(--ink-soft);font-size:1rem;}\n .pulse-cap small{display:block;color:var(--faint);font-size:.82rem;margin-top:.3rem;}\n .player{\n max-width:640px;margin:0 auto;background:linear-gradient(165deg,#1e1811,#12100c);\n border:1px solid var(--line-strong);border-radius:1.3rem;padding:1.8rem;position:relative;overflow:hidden;\n box-shadow:0 30px 60px -20px rgba(0,0,0,.75),0 0 0 1px rgba(201,162,39,.12);\n animation:rise .5s ease;\n }\n @keyframes rise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}\n .player .wm{\n position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);\n font-size:3rem;font-weight:800;letter-spacing:.2em;color:rgba(201,162,39,.09);\n pointer-events:none;white-space:nowrap;text-transform:lowercase;\n }\n .player .brand{\n display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;\n color:#0f0c06;background:linear-gradient(120deg,#e8c85a,#c9a227);border-radius:999px;padding:.3rem .95rem;font-weight:800;margin-bottom:1.1rem;\n }\n .player h3{color:#f6ecca;font-size:1.25rem;margin-bottom:.2rem;position:relative;}\n .player .psub{color:var(--muted);font-size:.85rem;margin-bottom:1.2rem;position:relative;}\n .p-controls{display:flex;align-items:center;gap:1rem;position:relative;}\n .play-btn{\n flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;\n background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;font-size:1.35rem;\n display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;\n }\n .play-btn:hover{transform:scale(1.08);box-shadow:0 0 26px rgba(201,162,39,.6);color:#000;}\n .p-mid{flex:1;}\n .p-times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.35rem;font-variant-numeric:tabular-nums;}\n .p-times span:last-child{color:var(--gold-light);}\n input[type=range].seek{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(201,162,39,.25);outline:none;cursor:pointer;}\n input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;box-shadow:0 0 10px rgba(201,162,39,.7);}\n input[type=range].seek::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;}\n .p-row{display:flex;align-items:center;gap:.8rem;margin-top:1rem;flex-wrap:wrap;position:relative;}\n .p-row .vol{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem;}\n input[type=range].volr{-webkit-appearance:none;width:110px;height:5px;border-radius:5px;background:rgba(201,162,39,.25);cursor:pointer;}\n input[type=range].volr::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e8c85a;}\n input[type=range].volr::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e8c85a;border:none;}\n .rate-btn{background:rgba(201,162,39,.1);border:1px solid var(--line);color:var(--gold-pale);border-radius:999px;padding:.32rem .9rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;}\n .rate-btn:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n .p-note{margin-top:1.1rem;font-size:.78rem;color:var(--faint);position:relative;}\n .p-note code{color:var(--gold-light);background:rgba(201,162,39,.1);padding:.1rem .45rem;border-radius:.35rem;font-size:.75rem;word-break:break-all;}\n .p-error{margin-top:.8rem;font-size:.82rem;color:#ffb4a8;background:rgba(160,40,30,.14);border:1px solid rgba(255,120,100,.3);border-radius:.6rem;padding:.6rem .9rem;display:none;position:relative;}\n .file-load{margin-top:1rem;position:relative;font-size:.8rem;color:var(--muted);}\n .file-load label{display:inline-block;margin-top:.4rem;padding:.5rem 1.2rem;border:1px dashed rgba(240,212,122,.55);border-radius:999px;color:var(--gold-pale);cursor:pointer;font-size:.78rem;letter-spacing:.06em;transition:all .25s ease;}\n .file-load label:hover{background:rgba(201,162,39,.15);color:#fff;}\n .file-load input{display:none;}\n\n \/* ---------- CTA ---------- *\/\n .cta-panel{\n position:relative;border-radius:1.6rem;overflow:hidden;text-align:center;\n padding:clamp(2.5rem,6vw,4.5rem) clamp(1.4rem,5vw,4rem);\n background:\n radial-gradient(600px 300px at 50% 0%,rgba(201,162,39,.28),transparent 65%),\n linear-gradient(165deg,#231a0d,#100d08 70%);\n border:1px solid var(--line-strong);\n box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 80px rgba(201,162,39,.06);\n }\n .cta-panel::before{content:\"\";position:absolute;inset:10px;border:1px dashed rgba(201,162,39,.3);border-radius:1.1rem;pointer-events:none;}\n .cta-panel h2{font-size:clamp(1.8rem,4.6vw,3rem);color:#f9f0d8;margin-bottom:1rem;position:relative;}\n .cta-panel>p{color:var(--ink-soft);max-width:42rem;margin:0 auto 2.2rem;position:relative;}\n .cta-btns{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;position:relative;margin-bottom:1.8rem;}\n .cta-call,.cta-wa{\n display:inline-flex;align-items:center;gap:.9rem;text-decoration:none;border-radius:1.1rem;\n padding:1.05rem 1.7rem;transition:transform .3s ease,box-shadow .3s ease;min-width:270px;justify-content:center;\n }\n .cta-call{background:linear-gradient(120deg,#f0d47a,#c9a227);color:#171106;box-shadow:0 16px 40px -10px rgba(201,162,39,.6);}\n .cta-call:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 55px -10px rgba(201,162,39,.8);color:#000;}\n .cta-wa{background:rgba(20,120,70,.25);border:1px solid rgba(80,220,140,.5);color:#c9f5d8;}\n .cta-wa:hover{transform:translateY(-4px) scale(1.02);background:rgba(30,160,90,.4);color:#fff;box-shadow:0 20px 45px -12px rgba(40,200,110,.5);}\n .cta-call .t1,.cta-wa .t1{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;display:block;}\n .cta-call .t2,.cta-wa .t2{font-size:1.15rem;font-weight:800;display:block;letter-spacing:.02em;}\n .cta-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(0,0,0,.22);}\n .cta-ico svg{width:24px;height:24px;}\n .cta-meta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;position:relative;}\n .cta-meta span{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .95rem;background:rgba(0,0,0,.3);}\n .cta-meta b{color:var(--gold-light);}\n .disclaimer{margin-top:2.5rem;font-size:.76rem;color:var(--faint);max-width:44rem;margin-left:auto;margin-right:auto;}\n\n \/* ---------- MODAL ---------- *\/\n #modal{\n position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;\n padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);\n opacity:0;pointer-events:none;transition:opacity .3s ease;\n }\n #modal.show{opacity:1;pointer-events:auto;}\n .panel{\n position:relative;background:var(--panel);border:1px solid rgba(201,162,39,.3);border-radius:1.3rem;\n max-width:46rem;width:100%;max-height:88vh;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.8);\n transform:scale(.92) translateY(26px);opacity:0;transition:all .35s cubic-bezier(.2,.8,.2,1);\n display:flex;flex-direction:column;\n }\n #modal.show .panel{transform:scale(1) translateY(0);opacity:1;}\n .modal-close{\n position:absolute;top:.9rem;right:.9rem;z-index:5;width:42px;height:42px;border-radius:50%;\n background:rgba(0,0,0,.6);border:1px solid rgba(240,212,122,.5);color:var(--gold-pale);\n font-size:1.4rem;cursor:pointer;line-height:1;transition:all .25s ease;\n }\n .modal-close:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n .modal-visual{\n min-height:170px;display:flex;align-items:center;justify-content:center;gap:1rem;flex:0 0 auto;\n color:var(--gold-light);padding:2.2rem 1.5rem 1.6rem;\n background:radial-gradient(420px 200px at 50% 130%,rgba(201,162,39,.4),transparent 70%),linear-gradient(140deg,#262012,#12100a 65%);\n border-bottom:1px solid rgba(201,162,39,.2);text-align:center;\n }\n .modal-visual svg{width:64px;height:64px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));}\n .modal-body{overflow-y:auto;padding:1.8rem clamp(1.3rem,4vw,2.6rem) 2.2rem;}\n .modal-body::-webkit-scrollbar{width:8px;}\n .modal-body::-webkit-scrollbar-thumb{background:#c9a227;border-radius:8px;}\n #mEra{color:var(--gold-light);font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.5rem;font-weight:700;}\n #mTitle{color:#f8efdb;font-size:clamp(1.35rem,3.4vw,1.9rem);margin-bottom:1.1rem;}\n #mText{color:#d9d2c2;font-size:.95rem;}\n #mText p{margin-bottom:1rem;}\n #mText p:last-child{margin-bottom:0;}\n #mText strong{color:var(--gold-pale);}\n .modal-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid rgba(201,162,39,.2);}\n .modal-cta a{flex:1;min-width:200px;text-align:center;text-decoration:none;border-radius:.9rem;padding:.85rem 1rem;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:all .25s ease;}\n .m-call{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;}\n .m-call:hover{color:#000;filter:brightness(1.1);transform:translateY(-2px);}\n .m-wa{border:1px solid rgba(80,220,140,.55);color:#c9f5d8;}\n .m-wa:hover{background:rgba(30,160,90,.3);color:#fff;transform:translateY(-2px);}\n\n \/* ---------- FLOATING DOCK ---------- *\/\n .dock{position:fixed;right:1rem;bottom:1rem;z-index:500;display:flex;flex-direction:column;gap:.7rem;}\n .dock a{\n width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;\n transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 28px rgba(0,0,0,.55);\n }\n .dock a:hover{transform:scale(1.12);}\n .dock a svg{width:26px;height:26px;}\n .dock .d-call{background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;}\n .dock .d-wa{background:#1faa59;color:#fff;}\n\n \/* ---------- REVEAL ---------- *\/\n .reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);}\n .reveal.in-view{opacity:1;transform:translateY(0);}\n\n :focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;}\n @media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important;transition:none!important;}\n html{scroll-behavior:auto;}\n .reveal{opacity:1;transform:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<main>\n\n \n <section class=\"hero\" id=\"top\">\n <div class=\"hero-inner reveal in-view\">\n <span class=\"hero-badge\"><span class=\"dot\"><\/span> Empires \u00b7 Arts \u00b7 Traditions<\/span>\n <p class=\"label\">History \u00b7 Art \u00b7 Poetry \u00b7 Crafts \u00b7 Festivals<\/p>\n <h1><span class=\"gold-text\">Culture & Heritage of Iran<\/span><\/h1>\n <p class=\"lead\">Seven thousand years of civilization \u2014 <strong>empires, poets, tilework and living rituals<\/strong> \u2014 still present in the streets, tables and celebrations of Iran today.<\/p>\n <div class=\"btnrow\">\n <a class=\"btn btn-solid\" href=\"#contact\">Plan Your Journey<\/a>\n <a class=\"btn btn-ghost\" href=\"#heritage\">Explore the Heritage<\/a>\n <\/div>\n <div class=\"chips\">\n <span class=\"chip\"><b>7000+<\/b> Years of civilization<\/span>\n <span class=\"chip\"><b>28<\/b> UNESCO World Heritage Sites<\/span>\n <span class=\"chip\"><b>24h<\/b> Response time<\/span>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\" aria-hidden=\"true\">↓<\/div>\n <\/section>\n\n \n <div class=\"stats\">\n <div class=\"wrap\">\n <div class=\"stats-grid reveal\">\n <div class=\"stat\"><div class=\"num\">7000+<\/div><div class=\"cap\">Years of Civilization<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">28<\/div><div class=\"cap\">UNESCO Heritage Sites<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">60K<\/div><div class=\"cap\">Verses in the Shahnameh<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">3000<\/div><div class=\"cap\">Years of Nowruz<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"intro\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Foundations<\/p>\n <h2 class=\"sec-title\">Five Pillars of Iranian Heritage<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">History, art, poetry, faith and living craft \u2014 the five threads woven through everything Iranian. Select any card for the full story.<\/p>\n <\/div>\n <div class=\"grid cols-5\">\n\n <article class=\"card reveal\" data-popup=\"overview\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about heritage overview\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Heritage Overview<\/h3>\n <p>How 7,000 years still shape daily Iranian life.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"empires\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about empires\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9.5L12 4l9 5.5\"\/><path d=\"M5 10v8M9.5 10v8M14.5 10v8M19 10v8\"\/><path d=\"M3 20h18\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Empires & History<\/h3>\n <p>Elam, Persia, Parthia and the glories in between.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"art\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about art and architecture\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"9\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><path d=\"M12 21c-1 0-1.5-.5-1-1.5.6-1.2-.5-2-1.5-2.5C8 16.2 8 14.5 9.5 14c-2-.5-3.5-2-3.5-4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Art & Architecture<\/h3>\n <p>Domes, tilework, gardens and the geometry of paradise.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"poetry\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about poetry and literature\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4c-4 0-9 1-12 5l-3 9 2-1 3 3 9-3c4-3 5-9 1-13z\"\/><path d=\"M8 9c1.5 2 4 4.5 7 6\"\/><path d=\"M5 18l3-3\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Poetry & Literature<\/h3>\n <p>Ferdowsi, Hafez, Rumi \u2014 verse Iranians live by.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"religion\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about faiths and philosophy\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c1 4-4 6-4 11a4 4 0 0 0 8 0c0-2-1-3-1-3s3 1 3 5a6 6 0 0 1-12 0C6 9 12 7 12 3z\"\/><path d=\"M12 21a2.5 2.5 0 0 0 2.5-2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Faiths & Philosophy<\/h3>\n <p>From Zoroaster's fire to Sufi mysticism.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"process\" class=\"timeline-sec\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Timeline<\/p>\n <h2 class=\"sec-title\">7,000 Years in 8 Great Eras<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">From the Elamite ziggurats to the modern republic \u2014 select any era to uncover its story.<\/p>\n <\/div>\n <\/div>\n <div class=\"wrap\">\n <div class=\"tl-scroll reveal\">\n <div class=\"tl-grid\">\n <div class=\"tl-line\" aria-hidden=\"true\"><\/div>\n\n <div class=\"tl-item\" data-popup=\"step1\" tabindex=\"0\" role=\"button\" aria-label=\"Elam details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">3200\u2013539 BCE<\/p><h4>Elam<\/h4><p>Ziggurats and the first cities.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step2\" tabindex=\"0\" role=\"button\" aria-label=\"Medes details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">678\u2013549 BCE<\/p><h4>Medes<\/h4><p>The first Iranian kingdom.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step3\" tabindex=\"0\" role=\"button\" aria-label=\"Achaemenids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">550\u2013330 BCE<\/p><h4>Achaemenids<\/h4><p>Cyrus, Darius, Persepolis.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step4\" tabindex=\"0\" role=\"button\" aria-label=\"Parthians details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">247 BCE\u2013224 CE<\/p><h4>Parthians<\/h4><p>Horse archers of the Silk Road.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step5\" tabindex=\"0\" role=\"button\" aria-label=\"Sassanids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">224\u2013651 CE<\/p><h4>Sassanids<\/h4><p>Golden age of Persian art.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step6\" tabindex=\"0\" role=\"button\" aria-label=\"Islamic golden age details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">651\u20131501 CE<\/p><h4>Islamic Golden Age<\/h4><p>Avicenna, Rumi, observatories.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step7\" tabindex=\"0\" role=\"button\" aria-label=\"Safavids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">1501\u20131736 CE<\/p><h4>Safavids<\/h4><p>Isfahan \u2014 half the world.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step8\" tabindex=\"0\" role=\"button\" aria-label=\"Modern Iran details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">1925\u2013Today<\/p><h4>Modern Iran<\/h4><p>Heritage alive in the present.<\/p><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <p class=\"swipe-note\">Swipe sideways to see all 8 eras →<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"heritage\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Masterpieces<\/p>\n <h2 class=\"sec-title\">Arts, Crafts & Living Traditions<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">What Iranian hands have made for millennia \u2014 and what Iranian hearts still celebrate. Select any card for the full guide.<\/p>\n <\/div>\n\n <h3 class=\"group-sub reveal\">Arts & Craftsmanship<\/h3>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"carpets\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about Persian carpets\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"1\"\/><path d=\"M5 7h14M5 12h14M5 17h14\"\/><path d=\"M9 3v18M15 3v18\"\/><path d=\"M3 5h2M3 19h2M19 5h2M19 19h2\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Persian Carpets<\/h3>\n <p>Knots, dyes and the regions behind each pattern.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"architecture\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about architecture and gardens\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V11c0-4 3.5-7 8-7s8 3 8 7v9\"\/><path d=\"M12 4v16M4 20h16\"\/><path d=\"M12 8c-2 0-3.5 1.5-3.5 3.5V16h7v-4.5C15.5 9.5 14 8 12 8z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Architecture & Gardens<\/h3>\n <p>Domes, iwans, windcatchers and paradise gardens.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"miniature\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about miniature and calligraphy\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"\/><path d=\"M14 6l4 4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Miniature & Calligraphy<\/h3>\n <p>Illuminated epics and the dance of Nastaliq script.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"crafts\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about handicrafts\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l4 4L9 19H5v-4z\"\/><path d=\"M12 8l4 4\"\/><path d=\"M4 21c2 0 3-1 3-3M20 3c-2 0-3 1-3 3\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Handicrafts<\/h3>\n <p>Pottery, metalwork, khatam and turquoise of the bazaar.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <h3 class=\"group-sub reveal\">Living Heritage<\/h3>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"music\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about music\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V6l10-2v11\"\/><circle cx=\"7\" cy=\"18\" r=\"2.5\"\/><circle cx=\"17\" cy=\"15\" r=\"2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Music & Instruments<\/h3>\n <p>Dastgah modes, tar, setar and the daf drum.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"cuisine\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about cuisine and hospitality\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Cuisine & Hospitality<\/h3>\n <p>Saffron, stews and the sacred art of the guest.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"festivals\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about festivals\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><path d=\"M12 13v4M10 15h4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Nowruz & Festivals<\/h3>\n <p>New Year, Yalda night and rituals of light.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"myths\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about myths and Shahnameh\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><circle cx=\"17\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Myths & Shahnameh<\/h3>\n <p>Rostam, heroes and the epic Iranians know by heart.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"guide\" style=\"background:rgba(0,0,0,.22);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Experience It<\/p>\n <h2 class=\"sec-title\">Guides for Culture Lovers<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Where to see it, how to behave beautifully, and what to bring home.<\/p>\n <\/div>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"sites\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about UNESCO sites\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>UNESCO Sites<\/h3>\n <p>Persepolis, Yazd, Isfahan and 25 more wonders.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"museums\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about museums\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10l9-6 9 6\"\/><path d=\"M4 10v8M20 10v8M8 10v8M12 10v8M16 10v8\"\/><path d=\"M2 20h20\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Museums & Galleries<\/h3>\n <p>Jewels, carpets and contemporary art in Tehran.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"visitors\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about etiquette for visitors\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20s-7-4.5-9-9c-1.2-2.8.5-6 3.5-6 2 0 3.5 1.2 5.5 3.5C13.9 6.2 15.4 5 17.5 5c3 0 4.7 3.2 3.5 6-2 4.5-9 9-9 9z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Etiquette for Visitors<\/h3>\n <p>Mosques, homes and photos \u2014 behave beautifully.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"souvenirs\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about souvenirs\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8h15l-1.5 9h-12z\"\/><path d=\"M6 8l-1-4H2.5\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Souvenirs to Bring Home<\/h3>\n <p>Saffron, crafts and how to buy with confidence.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"listen\" class=\"audio-sec\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Listen<\/p>\n <h2 class=\"sec-title\">Hear the Story of Iran<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Tap the golden button below to open our exclusive voice journey through Iranian heritage.<\/p>\n <\/div>\n\n <div class=\"pulse-stage reveal\">\n <button class=\"pulse-btn\" id=\"pulseBtn\" aria-label=\"Open voice introduction player\" aria-expanded=\"false\">\n <span class=\"ring\"><\/span><span class=\"ring r2\"><\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><path d=\"M12 18v3\"\/><\/svg>\n <\/button>\n <p class=\"pulse-cap\">Tap to open the voice player<small>Exclusive audio guide \u00b7 English<\/small><\/p>\n <\/div>\n\n <div class=\"player\" id=\"playerCard\" hidden>\n <div class=\"wm\" aria-hidden=\"true\">weknowiran<\/div>\n <span class=\"brand\">weknowiran \u00b7 Exclusive<\/span>\n <h3>Culture & Heritage of Iran \u2014 Voice Guide<\/h3>\n <p class=\"psub\">A short journey through empires, arts and living traditions.<\/p>\n <div class=\"p-controls\">\n <button class=\"play-btn\" id=\"playBtn\" aria-label=\"Play or pause audio\">▶<\/button>\n <div class=\"p-mid\">\n <div class=\"p-times\"><span id=\"curTime\">0:00<\/span><span id=\"durTime\">--:--<\/span><\/div>\n <input type=\"range\" class=\"seek\" id=\"seekBar\" min=\"0\" max=\"100\" value=\"0\" step=\"0.1\" aria-label=\"Seek audio position\">\n <\/div>\n <\/div>\n <div class=\"p-row\">\n <span class=\"vol\">🔊 <input type=\"range\" class=\"volr\" id=\"volBar\" min=\"0\" max=\"1\" step=\"0.05\" value=\"0.9\" aria-label=\"Volume\"><\/span>\n <button class=\"rate-btn\" id=\"rateBtn\" aria-label=\"Change playback speed\">Speed: 1x<\/button>\n <\/div>\n <p class=\"p-note\">Audio file: <code id=\"audioUrlLabel\">https:\/\/example.com\/your-audio.mp3<\/code><br>To use your own voice file, replace the <code>AUDIO_SRC<\/code> value in this page's script with your MP3 link.<\/p>\n <p class=\"p-error\" id=\"audioError\">The demo audio link is a placeholder and could not be played. Please replace AUDIO_SRC with your real MP3 address.<\/p>\n <div class=\"file-load\">Want to test the player right now?\n <br><label for=\"filePick\">Load an MP3 from this device<input type=\"file\" id=\"filePick\" accept=\"audio\/*\"><\/label>\n <\/div>\n <audio id=\"voiceAudio\" preload=\"metadata\"><\/audio>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" style=\"padding-top:2rem;\">\n <div class=\"wrap\">\n <div class=\"cta-panel reveal\">\n <p class=\"label\">Free First Consultation<\/p>\n <h2>Love Iranian Culture? <span class=\"gold-text\">Talk to Us<\/span><\/h2>\n <p>Trips, research, relocation, business with a cultural soul \u2014 send your question today. A bilingual expert replies in plain English, usually within 24 hours.<\/p>\n <div class=\"cta-btns\">\n <a class=\"cta-call\" href=\"tel:+442086350694\">\n <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg><\/span>\n <span><span class=\"t1\">London Office \u2014 Call Now<\/span><span class=\"t2\" dir=\"ltr\">+44 20 8635 0694<\/span><\/span>\n <\/a>\n <a class=\"cta-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\">\n <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><path d=\"M9.5 9.8c.5 2.5 3.2 5.2 5.7 5.7l1.3-1.3 2.3 1.2c-.5 1.7-1.6 2.4-3.2 2-3.5-.9-7.1-4.5-8-8-.4-1.6.3-2.7 2-3.2l1.2 2.3z\" stroke-width=\"1.3\"\/><\/svg><\/span>\n <span><span class=\"t1\">WhatsApp \u2014 Fastest Reply<\/span><span class=\"t2\" dir=\"ltr\">+44 7780 807781<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"cta-meta\">\n <span><b>Mon\u2013Sat<\/b> \u00b7 9:00 \u2013 19:00 London time<\/span>\n <span><b>English & Persian<\/b> \u00b7 Friendly advice<\/span>\n <span><b>Confidential<\/b> \u00b7 No obligation<\/span>\n <\/div>\n <p class=\"disclaimer\">General cultural information only \u2014 opening hours, ticket rules and site access change by season. Your first consultation is free and confidential.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<div id=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"mTitle\">\n <div class=\"panel\">\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Close dialog\">×<\/button>\n <div class=\"modal-visual\" id=\"modalVisual\" aria-hidden=\"true\"><\/div>\n <div class=\"modal-body\">\n <p id=\"mEra\"><\/p>\n <h3 id=\"mTitle\"><\/h3>\n <div id=\"mText\"><\/div>\n <div class=\"modal-cta\">\n <a class=\"m-call\" href=\"tel:+442086350694\">Call +44 20 8635 0694<\/a>\n <a class=\"m-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\">WhatsApp Us<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"dock\" aria-label=\"Quick contact\">\n <a class=\"d-call\" href=\"tel:+442086350694\" aria-label=\"Call London office +44 20 8635 0694\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg>\n <\/a>\n <a class=\"d-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat on WhatsApp +44 7780 807781\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><\/svg>\n <\/a>\n<\/div>\n\n<script>\n\/* ============================================================\n REPLACE WITH YOUR AUDIO FILE URL:\n Put your MP3 link below (for example your uploaded voice file).\n ============================================================ *\/\nvar AUDIO_SRC = \"https:\/\/example.com\/your-audio.mp3\";\n\n\/* ---------- Shared SVG icons for the popup banner ---------- *\/\nvar ICONS = {\n globe: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg>',\n court: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9.5L12 4l9 5.5\"\/><path d=\"M5 10v8M9.5 10v8M14.5 10v8M19 10v8\"\/><path d=\"M3 20h18\"\/><\/svg>',\n palette: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"9\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><path d=\"M12 21c-1 0-1.5-.5-1-1.5.6-1.2-.5-2-1.5-2.5C8 16.2 8 14.5 9.5 14c-2-.5-3.5-2-3.5-4\"\/><\/svg>',\n feather: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4c-4 0-9 1-12 5l-3 9 2-1 3 3 9-3c4-3 5-9 1-13z\"\/><path d=\"M8 9c1.5 2 4 4.5 7 6\"\/><\/svg>',\n flame: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c1 4-4 6-4 11a4 4 0 0 0 8 0c0-2-1-3-1-3s3 1 3 5a6 6 0 0 1-12 0C6 9 12 7 12 3z\"\/><\/svg>',\n layers: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l9 5-9 5-9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>',\n shield: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>',\n mountain: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 19l6-11 4 7 3-4 5 8z\"\/><circle cx=\"17.5\" cy=\"6\" r=\"2\"\/><\/svg>',\n arch: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V11c0-4 3.5-7 8-7s8 3 8 7v9\"\/><path d=\"M12 4v16M4 20h16\"\/><\/svg>',\n pen: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"\/><\/svg>',\n tools: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l4 4L9 19H5v-4z\"\/><path d=\"M12 8l4 4\"\/><\/svg>',\n music: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V6l10-2v11\"\/><circle cx=\"7\" cy=\"18\" r=\"2.5\"\/><circle cx=\"17\" cy=\"15\" r=\"2.5\"\/><\/svg>',\n bowl: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg>',\n calendar: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><path d=\"M12 13v4M10 15h4\"\/><\/svg>',\n scroll: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><\/svg>',\n pin: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>',\n bank: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10l9-6 9 6\"\/><path d=\"M4 10v8M20 10v8M8 10v8M12 10v8M16 10v8\"\/><path d=\"M2 20h20\"\/><\/svg>',\n heart: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20s-7-4.5-9-9c-1.2-2.8.5-6 3.5-6 2 0 3.5 1.2 5.5 3.5C13.9 6.2 15.4 5 17.5 5c3 0 4.7 3.2 3.5 6-2 4.5-9 9-9 9z\"\/><\/svg>',\n bag: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8h15l-1.5 9h-12z\"\/><path d=\"M6 8l-1-4H2.5\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><\/svg>',\n book: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5L2 9l10 4 10-4z\"\/><path d=\"M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5\"\/><path d=\"M22 9v6\"\/><\/svg>',\n chat: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5z\"\/><path d=\"M9 12h.01M12.5 12h.01M16 12h.01\"\/><\/svg>'\n};\n\n\/* ================= CONTENT DATABASE ================= *\/\nvar contentData = {\n\noverview: {\n era: \"Foundations\", title: \"Iranian Heritage \u2014 An Overview\", icon: \"globe\",\n text: \"<p><strong>Iran is not a country with history \u2014 it is history, still living.<\/strong> More than seven thousand years of continuous civilization layer the land: Elamite ziggurats beneath Achaemenid palaces, Sassanid arches beneath Safavid tiles, and ancient fire temples a short walk from workshops where craftsmen knot carpets exactly as their ancestors did.<\/p><p>What makes Iranian heritage extraordinary is that it never became a museum piece. <strong>Poetry from a thousand years ago is quoted in daily conversation<\/strong>, the New Year is celebrated with rituals three millennia old, and the geometric patterns of Persepolis reappear in today's metro stations and book covers. Past and present are not separated here \u2014 they converse.<\/p><p>This page is your journey through that living heritage: the empires, the arts, the crafts, the festivals and the practical knowledge to experience them well \u2014 ending, as every Iranian journey should, with an invitation.<\/p>\"\n},\nempires: {\n era: \"History\", title: \"Empires That Shaped the World\", icon: \"court\",\n text: \"<p><strong>Three great Persian empires redefined what a state could be.<\/strong> The Achaemenids under Cyrus the Great built the ancient world's largest empire and pioneered ideas of tolerance and human rights recorded on the Cyrus Cylinder. The Parthians ruled the Silk Road for nearly five centuries, bridging Rome and China. The Sassanids refined administration, art and architecture that would echo through Byzantium, Central Asia and early Islamic civilization.<\/p><p>Before them all stood <strong>Elam<\/strong>, with the ziggurat of Chogha Zanbil still rising from the Khuzestan plain, and the <strong>Medes<\/strong>, the first Iranian kingdom. After the Islamic conquest, Persian scholars, poets and architects became central pillars of Islamic civilization \u2014 Avicenna in medicine, Khayyam in mathematics and verse, and builders whose domes crown skylines from Samarkand to Isfahan.<\/p><p>The timeline below walks you through all eight eras \u2014 select each one to meet the kings, builders and thinkers who made them.<\/p>\"\n},\nart: {\n era: \"Aesthetics\", title: \"Art & Architecture of Paradise\", icon: \"palette\",\n text: \"<p><strong>Persian art pursues one idea across millennia: paradise, made visible.<\/strong> The columned halls of Persepolis, the turquoise domes of Isfahan, the mirror-work shrines of Shiraz and the walled Persian gardens \u2014 recognized by UNESCO as a designed ideal of Eden with water, shade and geometry \u2014 all express order, beauty and the sacred through pattern and proportion.<\/p><p>Signature innovations travelled the world: the <strong>iwan vaulted hall<\/strong>, the squinch that sets domes on square rooms, mosaic faience tilework in which thousands of cut pieces form a single flowering wall, and the four-garden (chahar-bagh) plan that shaped garden design from Spain to India. Inside, the same sensibility fills carpets, miniatures, metalwork and bookbinding.<\/p><p>To stand in the Shah Mosque at noon, when light moves across seven-color tiles, is to understand that in Iran <strong>architecture is not background \u2014 it is devotion, mathematics and poetry in fired clay and stone<\/strong>.<\/p>\"\n},\npoetry: {\n era: \"Literature\", title: \"Poetry Iranians Live By\", icon: \"feather\",\n text: \"<p><strong>No nation lives inside its poetry the way Iran does.<\/strong> Ferdowsi's Shahnameh \u2014 nearly 60,000 couplets composed around 1000 CE \u2014 preserved the Persian language itself and still gives children their heroes: Rostam, Sohrab, Tahmineh. Hafez's Divan sits in almost every home beside the Quran, opened for guidance in the ritual of fal-e Hafez. Rumi's verses on love are recited at gatherings from Tehran to California.<\/p><p>The tradition spans epic, lyric, mystical and satirical modes: <strong>Saadi's wisdom<\/strong> (a verse of his greets visitors at the United Nations), Khayyam's quatrains on wine and mortality, Nizami's romances, and modern voices like Forough Farrokhzad who remade the lyric for the twentieth century. Poetry here is not decoration \u2014 it is counsel, courtship, consolation and identity.<\/p><p>Visit the tombs of Hafez and Saadi in Shiraz at dusk, when crowds murmur verses aloud, and you will feel what statistics cannot convey: <strong>a whole civilization thinking in rhyme<\/strong>.<\/p>\"\n},\nreligion: {\n era: \"Belief\", title: \"Faiths, Fire & Philosophy\", icon: \"flame\",\n text: \"<p><strong>Iran gave the world one of its first monotheisms.<\/strong> Zoroastrianism, founded by the prophet Zoroaster (Zarathustra), introduced ideas \u2014 the cosmic struggle of good and evil, individual moral choice, judgment, heaven and hell \u2014 that would echo through Judaism, Christianity and Islam. The sacred flame still burns in Yazd's Atashkadeh, tended continuously, and the stark Towers of Silence keep watch over the desert.<\/p><p>After the seventh century, Iran became the beating heart of Islamic scholarship and mysticism: <strong>Shia Islam's shrines and rituals<\/strong>, the Sufi poetry of divine love, and philosophers from Avicenna to Mulla Sadra who fused Greek thought with illuminationist wisdom. Armenians, Assyrians, Jews and Zoroastrians maintain ancient communities and houses of worship, some over a thousand years old.<\/p><p>For visitors, this layered sacredness means <strong>extraordinary sites and living rituals<\/strong> \u2014 from Muharram processions to Sufi music nights \u2014 best experienced with respectful curiosity and modest dress.<\/p>\"\n},\n\nstep1: {\n era: \"3200 \u2013 539 BCE\", title: \"Elam: The First Civilization\", icon: \"layers\",\n text: \"<p>Long before Persia, <strong>Elam<\/strong> flourished in southwestern Iran for nearly three thousand years, centred on Susa \u2014 one of the world's oldest cities. Its crowning monument, the ziggurat of <strong>Chogha Zanbil<\/strong>, remains among the best-preserved ziggurats on Earth and a UNESCO World Heritage Site.<\/p><p>Elamite scribes, metalworkers and builders laid urban and artistic foundations the later Persian empires would absorb and magnify \u2014 including Susa itself, reborn as an Achaemenid capital.<\/p>\"\n},\nstep2: {\n era: \"678 \u2013 549 BCE\", title: \"Medes: The First Iranian Kingdom\", icon: \"mountain\",\n text: \"<p>The <strong>Medes<\/strong> united the Iranian tribes of the northwest under kings like Cyaxares, whose armies helped topple Assyria with the fall of Nineveh in 612 BCE. Their capital <strong>Ecbatana<\/strong> (modern Hamadan) became a legendary city of concentric coloured walls.<\/p><p>Median dress, court ritual and military organization flowed directly into the Achaemenid state founded by Cyrus \u2014 himself half Mede \u2014 making Media the seedbed of Persia.<\/p>\"\n},\nstep3: {\n era: \"550 \u2013 330 BCE\", title: \"Achaemenids: The First World Empire\", icon: \"court\",\n text: \"<p><strong>Cyrus the Great<\/strong> forged the ancient world's largest empire, from the Indus to the Balkans, and issued the Cyrus Cylinder \u2014 celebrated as an early charter of tolerance. <strong>Darius<\/strong> organized it with satrapies, royal roads and the ceremonial capital of <strong>Persepolis<\/strong>, whose reliefs still parade the nations of the empire in stone.<\/p><p>Burned by Alexander in 330 BCE, Persepolis remains Iran's most powerful symbol \u2014 visited by every generation, including yours.<\/p>\"\n},\nstep4: {\n era: \"247 BCE \u2013 224 CE\", title: \"Parthians: Lords of the Silk Road\", icon: \"shield\",\n text: \"<p>The <strong>Parthian (Arsacid)<\/strong> Empire ruled Iran for nearly five centuries, growing rich on Silk Road trade and famed for cataphract cavalry and the legendary <strong>Parthian shot<\/strong> \u2014 firing backwards at full gallop. At Carrhae in 53 BCE they destroyed a Roman army three times their size.<\/p><p>Their rock reliefs, coins and frontier fortresses from Nisa to Hatra mark a cosmopolitan empire where Greek, Persian and steppe cultures fused.<\/p>\"\n},\nstep5: {\n era: \"224 \u2013 651 CE\", title: \"Sassanids: The Golden Age\", icon: \"flame\",\n text: \"<p>The <strong>Sassanids<\/strong> consciously revived Persian glory: the colossal arch of <strong>Taq Kasra<\/strong> at Ctesiphon, silver vessels prized from Byzantium to China, rock reliefs of triumph at Naqsh-e Rostam, and the reforms of Khosrow Anushirvan, patron of scholars displaced from Athens.<\/p><p>Their art, court ritual and administration flowed directly into Islamic civilization after 651 CE \u2014 Persia fell, but Persian culture conquered its conquerors.<\/p>\"\n},\nstep6: {\n era: \"651 \u2013 1501 CE\", title: \"The Islamic Golden Age of Persia\", icon: \"book\",\n text: \"<p>Under Abbasid and later courts, <strong>Persian became the language of poetry, administration and science<\/strong> across Asia. Avicenna's Canon healed for six centuries, Biruni measured the Earth, Khayyam reformed the calendar, and <strong>Rumi, Hafez and Saadi<\/strong> wrote verse the world still memorizes.<\/p><p>Observatories, hospitals, tileworkers and papermakers made cities like Nishapur, Rey and Herat capitals of knowledge \u2014 the era behind half of this page's wonders.<\/p>\"\n},\nstep7: {\n era: \"1501 \u2013 1736 CE\", title: \"Safavids: Isfahan, Half the World\", icon: \"arch\",\n text: \"<p><strong>Shah Abbas made Isfahan his capital<\/strong> and the saying was born: Esfahan nesf-e jahan \u2014 Isfahan is half the world. Naqsh-e Jahan Square, the Shah and Sheikh Lotfollah mosques, Chehel Sotoun palace and the great bridges rose in one dazzling century of turquoise tile and garden avenues.<\/p><p>Safavid carpets, silks and miniatures set standards still copied today \u2014 and the bazaar, teahouse and polo-field culture of the square survives around you when you visit.<\/p>\"\n},\nstep8: {\n era: \"1925 \u2013 Today\", title: \"Modern Iran: Heritage Alive\", icon: \"globe\",\n text: \"<p>Today's Iran guards its past while living firmly in the present: <strong>28 UNESCO sites<\/strong> and counting, world-class museums, a celebrated film industry, contemporary galleries, and craftsmen still knotting, glazing and inlaying by ancient methods in working bazaars.<\/p><p>Heritage here is not roped off \u2014 it is prayed in, picnicked in, married in and memorized. Come and step inside it.<\/p>\"\n},\n\ncarpets: {\n era: \"Textile Art\", title: \"Persian Carpets: Gardens You Can Walk On\", icon: \"layers\",\n text: \"<p><strong>A Persian carpet is a garden, a map and a signature at once.<\/strong> With roots over 2,500 years deep \u2014 the frozen Pazyryk carpet, likely Persian, dates to the fifth century BCE \u2014 each region weaves its identity: Tabriz medallions, Kashan florals, Qom silks, Heriz geometrics, and the tribal spontaneity of Qashqai and Bakhtiari nomads.<\/p><p>Learn the language: <strong>knot density, symmetrical versus asymmetrical knots, natural versus chrome dyes<\/strong>, warp and weft, abrash colour variation. A fine carpet can hold a million knots and a year of a weaver's life; its imperfections are often where its soul lives.<\/p><p>Buy where weaving lives \u2014 bazaar dealers, village cooperatives, city galleries \u2014 compare several pieces in daylight, ask about materials, age and washing, and always get a written receipt. A good carpet outlives its buyer and becomes the family's memory in wool and silk.<\/p>\"\n},\narchitecture: {\n era: \"Built Heritage\", title: \"Domes, Windcatchers & Paradise Gardens\", icon: \"arch\",\n text: \"<p><strong>Iranian architecture solves desert, faith and beauty in a single gesture.<\/strong> The four-iwan courtyard, the soaring dome on squinches, the badgir windcatcher towers that cool Yazd without electricity, and the qanat underground canals that watered cities for millennia \u2014 engineering as elegant as the tilework it carries.<\/p><p>Nine <strong>Persian Gardens<\/strong> form a UNESCO listing of the paradise ideal: enclosed, quadripartite, water-channelled Edens like Eram in Shiraz and Fin in Kashan. In mosques, <strong>mosaic faience and seven-colour tile<\/strong> turn walls into mathematics made luminous \u2014 stand beneath the Sheikh Lotfollah dome as light circles its arabesques and you will understand.<\/p><p>Walk the Si-o-Seh Pol bridge at sunset, descend a Yazd \u0622\u0628\u200c\u0627\u0646\u0628\u0627\u0631 (water reservoir), climb a windcatcher roof at dusk: Iranian architecture is meant to be inhabited, not merely admired.<\/p>\"\n},\nminiature: {\n era: \"Book Arts\", title: \"Miniature Painting & Calligraphy\", icon: \"pen\",\n text: \"<p><strong>Persian miniatures compress epics into palm-sized worlds<\/strong> \u2014 flattened perspective, lapis skies, gold-illuminated margins \u2014 illustrating the Shahnameh and the romances of Nizami for royal libraries in Herat, Tabriz and Isfahan. Masters like <strong>Behzad<\/strong> set standards that shaped Ottoman and Mughal painting alike.<\/p><p>Beside image stands word: <strong>calligraphy is Islam's highest visual art<\/strong>, and Iran's Nastaliq script \u2014 cascading, lyrical, perfected for Persian poetry \u2014 is considered among the most beautiful writing systems on Earth. Great calligraphers signed their panels like painters sign canvases.<\/p><p>See originals in Tehran's Golestan Palace manuscripts and the Reza Abbasi Museum, watch living masters in Isfahan's workshops, and try a beginner's reed-pen (qalam) lesson \u2014 one hour teaches more respect than a hundred photographs.<\/p>\"\n},\ncrafts: {\n era: \"Workshops\", title: \"Handicrafts of the Bazaar\", icon: \"tools\",\n text: \"<p><strong>The bazaar is a living factory of beauty.<\/strong> Coppersmiths hammering trays in Isfahan's Qeysariyeh, potters glazing turquoise in Lalejin, khatam marquetry artists inlaying thousands of bone-and-wood stars into a single box, carpet restorers re-knotting history thread by thread, and Qalamkar printers stamping cloth with carved blocks.<\/p><p>Each craft has a capital: <strong>turquoise and inlay in Isfahan, pottery in Lalejin and Meybod, glass in Tehran, wood in Golestan, jewellery in the old gold bazaars<\/strong>. Workshops welcome watchers \u2014 stand, admire, ask; buying tea for the master is remembered longer than bargaining hard.<\/p><p>Choose handmade over machine copies by weight, finish and irregularity; ask what each motif means; and carry pieces home yourself or use the dealer's insured shipping. The story of the making doubles the value of the object.<\/p>\"\n},\nmusic: {\n era: \"Sound\", title: \"Music: The Dastgah & Its Instruments\", icon: \"music\",\n text: \"<p><strong>Persian classical music is a modal universe.<\/strong> Twelve dastgahs and avazes \u2014 each a mood, hour and emotional world \u2014 guide improvisation on the tar and setar lutes, the santur hammered dulcimer, kamancheh spike fiddle, ney reed flute and the frame-drum daf of Sufi ceremony. A master improviser never plays a piece the same way twice.<\/p><p>Beyond the classical canon live <strong>Kurdish, Azeri, Baluchi, Lori and Bandari folk traditions<\/strong> \u2014 wedding dances, epic bards, pearl-diver songs of the Gulf \u2014 and a young contemporary scene reworking it all. Concert halls in Tehran, Shiraz and Isfahan program regularly; festival seasons and shrine-city rituals offer deeper encounters.<\/p><p>Listen first with locals who can name the dastgah as it shifts; attend a live concert rather than only recordings; and if invited to a hittar-style gathering with singing, stay \u2014 <strong>these nights are the conservatory of the heart<\/strong>.<\/p>\"\n},\ncuisine: {\n era: \"Taste\", title: \"Cuisine & the Art of Hospitality\", icon: \"bowl\",\n text: \"<p><strong>Persian cuisine balances sweet, sour, fragrant and crisp in every meal.<\/strong> Saffron rice crowned with tahdig, ghormeh sabzi simmered for hours, fesenjan of walnut and pomegranate, charcoal kebabs, ash soups, torshi pickles and pastries soaked in rose water \u2014 a Silk Road pantry refined over millennia.<\/p><p>Food is inseparable from <strong>mehman-navazi, hospitality as moral art<\/strong>: the guest eats first and best, refusal is ritual (taarof), and the table \u2014 sofreh \u2014 spreads wide enough for surprise visitors. Tea in small glasses punctuates everything; the samovar is the household hearth.<\/p><p>Eat seasonally as Iranians do \u2014 mulberries in June, pomegranates in Yalda \u2014 accept second helpings graciously, learn to love sour flavours (dried lime, barberry, verjuice), and take a cooking lesson: <strong>one afternoon making tahdig teaches more than ten restaurant meals<\/strong>.<\/p>\"\n},\nfestivals: {\n era: \"Calendar\", title: \"Nowruz, Yalda & the Ritual Year\", icon: \"calendar\",\n text: \"<p><strong>Nowruz, the Persian New Year at the spring equinox, is humanity's oldest continuously celebrated new year<\/strong> \u2014 three thousand years and UNESCO-recognized. Weeks of spring cleaning (khaneh-tekani), the seven-item haft-seen table, thirteen days of visits and the closing outdoor picnics of Sizdah Bedar: plan any spring visit around it and accept every invitation.<\/p><p><strong>Yalda, the winter-solstice longest night<\/strong>, keeps families awake past midnight with pomegranates, watermelon and fal-e Hafez verse-divination \u2014 light defeating darkness, celebrated with fruit and poetry. Chaharshanbe Suri fire-jumping, Muharram's solemn processions and ta'zieh passion plays, and Ramadan's dawn-to-dusk rhythm complete a year in which <strong>every season has its ritual<\/strong>.<\/p><p>Join respectfully: dress modestly, follow hosts' cues, bring sweets, and never photograph mourning ceremonies intrusively. Participation offered sincerely is almost always welcomed \u2014 <strong>festivals here include strangers by design<\/strong>.<\/p>\"\n},\nmyths: {\n era: \"Epic\", title: \"Myths, Heroes & the Shahnameh\", icon: \"scroll\",\n text: \"<p><strong>Every Iranian grows up inside one book: the Shahnameh.<\/strong> Ferdowsi's Book of Kings \u2014 nearly 60,000 couplets, thirty years of labour around 1000 CE \u2014 retells Persia from creation to the Arab conquest through heroes and tragedies: Rostam's seven labours, the heartbreak of Rostam and Sohrab, the doomed love of Bijan and Manijeh, the wisdom of kings and the treachery of courts.<\/p><p>The epic did more than entertain: <strong>it saved the Persian language<\/strong>, deliberately minimizing Arabic loanwords at the moment of greatest pressure, and gave a conquered people an unconquerable memory. Its characters name children, streets, sports clubs and brands across the Persian-speaking world; zurkhaneh strongmen still swing clubs to its verses.<\/p><p>Meet the epic where it lives: the Shahnameh manuscript galleries, zurkhaneh performances, naqqali storytelling in teahouses \u2014 and the <strong>magnificent tomb of Ferdowsi in Tus<\/strong>, pilgrimage site of the Persian word itself.<\/p>\"\n},\n\nsites: {\n era: \"Wonders\", title: \"UNESCO Sites: Where to Go First\", icon: \"pin\",\n text: \"<p><strong>Twenty-eight UNESCO World Heritage Sites \u2014 and every one earns its place.<\/strong> Start with the immortals: <strong>Persepolis and Pasargadae<\/strong> (with Cyrus's tomb), <strong>Naqsh-e Jahan Square in Isfahan<\/strong>, the desert city of <strong>Yazd<\/strong>, the Golestan Palace of Tehran, and the nine Persian Gardens scattered across the country.<\/p><p>Then go deeper: Chogha Zanbil's ziggurat, Takht-e Soleyman's crater lake sanctuary, the Bam citadel risen from earthquake ruins, Susa's layered mounds, the Hyrcanian forests' green cathedrals, the Persian Qanats, the Lut Desert's kalut sculptures, and Hegmataneh\/Ecbatana's Median-Hellenistic layers.<\/p><p>Travel tips: <strong>spring and autumn are golden seasons<\/strong>, desert sites demand dawn starts, and a knowledgeable local guide multiplies every ruin tenfold \u2014 stones speak Persian first. Check seasonal access and ticket rules before long drives.<\/p>\"\n},\nmuseums: {\n era: \"Collections\", title: \"Museums & Galleries Worth Hours\", icon: \"bank\",\n text: \"<p><strong>Tehran's museums alone justify the journey.<\/strong> The National Museum's 7,000-year sweep, the Glassware and Ceramics Museum's luminous cases, the Carpet Museum's hanging gardens of wool, the Reza Abbasi Museum's miniatures and calligraphy, the Treasury of National Jewels' blinding Darya-ye Noor diamond \u2014 and the Golestan Palace's mirror halls next door.<\/p><p>Contemporary Iran hangs in the <strong>Tehran Museum of Contemporary Art<\/strong> (a world-class Western and Iranian collection in remarkable architecture) and Isfahan and Shiraz galleries; holy Mashhad and Qom hold shrine museums of votive splendour; and every provincial capital keeps its hammam-turned-museum, house-museum or anthropology collection.<\/p><p>Go on weekday mornings, allow longer than planned for the Jewels and Golestan, confirm photography rules at each door, and <strong>pair every museum with its bazaar<\/strong> \u2014 objects then workshops, then tea. That is the correct order.<\/p>\"\n},\nvisitors: {\n era: \"Respect\", title: \"Etiquette: Behave Beautifully\", icon: \"heart\",\n text: \"<p><strong>Respect opens every door in Iran.<\/strong> Dress modestly in public per local custom; remove shoes where others do (mosques, homes, some shrines); ask before photographing people, especially women and worshippers; and during Muharram and Ramadan, keep public behaviour extra-considerate \u2014 many hosts will still press food and kindness on you.<\/p><p>In mosques and shrines, <strong>follow the signs and custodians<\/strong>: some chambers have separate entries, chadors are lent at shrine doors, silence your phone, and never walk in front of someone praying. In homes, bring sweets or flowers, compliment the house, accept tea and second helpings \u2014 refusal beyond ritual politeness genuinely disappoints.<\/p><p>Bargain with humour, tip modestly for real service, learn ten Persian phrases, and <strong>receive hospitality as the honour it is<\/strong>: thank the host to others afterwards. Good manners here are remembered for years \u2014 on both sides.<\/p>\"\n},\nsouvenirs: {\n era: \"Keepsakes\", title: \"Souvenirs Worth Carrying Home\", icon: \"bag\",\n text: \"<p><strong>Buy what Iran makes best and the world cannot copy.<\/strong> Saffron from Khorasan (check colour, aroma and sealed packaging), pistachios, gaz nougat and sohan brittle; a small kilim or carpet for the serious; turquoise, khatam boxes, miniature paintings, calligraphy panels, copper and enamel (minakari) work; rose water, barberries and dried limes for cooks.<\/p><p>Shop with method: <strong>compare three stalls, inspect in daylight, ask about materials and origin<\/strong>, and prefer artisan quarters and cooperatives for authenticity. Get written receipts for valuables, confirm export and customs rules for antiques (genuine antiquities cannot leave), and use insured shipping for carpets and fragile pieces.<\/p><p>And carry one intangible souvenir above all: <strong>a memorized verse of Hafez<\/strong> \u2014 weightless, priceless, and guaranteed through every customs check.<\/p>\"\n}\n\n};\n\n\/* ================= MODAL LOGIC ================= *\/\n(function(){\n var modal = document.getElementById('modal');\n var mEra = document.getElementById('mEra');\n var mTitle = document.getElementById('mTitle');\n var mText = document.getElementById('mText');\n var mVisual = document.getElementById('modalVisual');\n var closeBtn = document.getElementById('modalClose');\n var lastFocus = null;\n\n function openPopup(key, opener){\n var data = contentData[key];\n if(!data) return;\n lastFocus = opener || document.activeElement;\n mEra.textContent = data.era || '';\n mTitle.textContent = data.title || '';\n mText.innerHTML = data.text || '';\n mVisual.innerHTML = ICONS[data.icon] || ICONS.globe;\n modal.classList.add('show');\n modal.setAttribute('aria-hidden','false');\n document.body.style.overflow = 'hidden';\n var body = modal.querySelector('.modal-body');\n if(body) body.scrollTop = 0;\n closeBtn.focus();\n }\n function closePopup(){\n modal.classList.remove('show');\n modal.setAttribute('aria-hidden','true');\n document.body.style.overflow = '';\n if(lastFocus && lastFocus.focus) lastFocus.focus();\n }\n\n document.addEventListener('click', function(e){\n var t = e.target.closest('[data-popup]');\n if(t){ openPopup(t.getAttribute('data-popup'), t); return; }\n if(e.target === modal){ closePopup(); }\n });\n document.addEventListener('keydown', function(e){\n if(e.key === 'Escape' && modal.classList.contains('show')) closePopup();\n if((e.key === 'Enter' || e.key === ' ') && e.target && e.target.hasAttribute && e.target.hasAttribute('data-popup')){\n e.preventDefault();\n openPopup(e.target.getAttribute('data-popup'), e.target);\n }\n });\n closeBtn.addEventListener('click', closePopup);\n})();\n\n\/* ================= SCROLL REVEAL ================= *\/\n(function(){\n var els = document.querySelectorAll('.reveal');\n if(!('IntersectionObserver' in window)){\n els.forEach(function(el){ el.classList.add('in-view'); });\n return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(en){\n if(en.isIntersecting){ en.target.classList.add('in-view'); io.unobserve(en.target); }\n });\n }, {threshold: 0.12});\n els.forEach(function(el){ io.observe(el); });\n})();\n\n\/* ================= CUSTOM AUDIO PLAYER ================= *\/\n(function(){\n var pulseBtn = document.getElementById('pulseBtn');\n var playerCard = document.getElementById('playerCard');\n var audio = document.getElementById('voiceAudio');\n var playBtn = document.getElementById('playBtn');\n var seekBar = document.getElementById('seekBar');\n var volBar = document.getElementById('volBar');\n var rateBtn = document.getElementById('rateBtn');\n var curTime = document.getElementById('curTime');\n var durTime = document.getElementById('durTime');\n var errBox = document.getElementById('audioError');\n var filePick = document.getElementById('filePick');\n var urlLabel = document.getElementById('audioUrlLabel');\n var rates = [1, 1.25, 1.5, 2];\n var rateIdx = 0;\n\n urlLabel.textContent = AUDIO_SRC;\n audio.src = AUDIO_SRC;\n audio.volume = 0.9;\n\n function fmt(s){\n if(!isFinite(s) || s < 0) return '--:--';\n s = Math.floor(s);\n var m = Math.floor(s \/ 60), r = s % 60;\n return m + ':' + (r < 10 ? '0' : '') + r;\n }\n function setPlayingUI(playing){\n playBtn.innerHTML = playing ? '❚❚' : '▶';\n playBtn.setAttribute('aria-label', playing ? 'Pause audio' : 'Play audio');\n }\n\n pulseBtn.addEventListener('click', function(){\n var isHidden = playerCard.hasAttribute('hidden');\n if(isHidden){\n playerCard.removeAttribute('hidden');\n pulseBtn.setAttribute('aria-expanded','true');\n playerCard.scrollIntoView({behavior:'smooth', block:'nearest'});\n } else {\n playerCard.setAttribute('hidden','');\n pulseBtn.setAttribute('aria-expanded','false');\n audio.pause();\n setPlayingUI(false);\n }\n });\n\n playBtn.addEventListener('click', function(){\n errBox.style.display = 'none';\n if(audio.paused){\n var p = audio.play();\n if(p && p.catch){ p.catch(function(){ errBox.style.display = 'block'; setPlayingUI(false); }); }\n } else {\n audio.pause();\n }\n });\n audio.addEventListener('play', function(){ setPlayingUI(true); });\n audio.addEventListener('pause', function(){ setPlayingUI(false); });\n audio.addEventListener('loadedmetadata', function(){ durTime.textContent = fmt(audio.duration); });\n audio.addEventListener('durationchange', function(){ durTime.textContent = fmt(audio.duration); });\n audio.addEventListener('timeupdate', function(){\n curTime.textContent = fmt(audio.currentTime);\n if(audio.duration && isFinite(audio.duration)){\n seekBar.value = (audio.currentTime \/ audio.duration) * 100;\n }\n });\n audio.addEventListener('ended', function(){ setPlayingUI(false); seekBar.value = 0; });\n audio.addEventListener('error', function(){\n if(audio.getAttribute('src')){ errBox.style.display = 'block'; }\n durTime.textContent = '--:--';\n });\n seekBar.addEventListener('input', function(){\n if(audio.duration && isFinite(audio.duration)){\n audio.currentTime = (parseFloat(seekBar.value) \/ 100) * audio.duration;\n }\n });\n volBar.addEventListener('input', function(){ audio.volume = parseFloat(volBar.value); });\n rateBtn.addEventListener('click', function(){\n rateIdx = (rateIdx + 1) % rates.length;\n audio.playbackRate = rates[rateIdx];\n rateBtn.textContent = 'Speed: ' + rates[rateIdx] + 'x';\n });\n filePick.addEventListener('change', function(){\n if(filePick.files && filePick.files[0]){\n var url = URL.createObjectURL(filePick.files[0]);\n audio.src = url;\n errBox.style.display = 'none';\n urlLabel.textContent = filePick.files[0].name + ' (loaded from this device for testing)';\n audio.play().catch(function(){});\n }\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Culture & Heritage of Iran | Empires, Arts & Living Traditions Empires \u00b7 Arts \u00b7 Traditions History \u00b7 Art \u00b7 Poetry \u00b7 Crafts \u00b7 Festivals Culture & Heritage of Iran Seven thousand years of civilization \u2014 empires, poets, tilework and living rituals \u2014 still present in the streets, tables and celebrations of Iran today. Plan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"lang":"en","translations":{"en":165,"fa":456,"ar":595},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":4,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nCulture & Heritage of Iran | Empires, Arts & Living Traditions<\/title>\n<meta name=\"description\" content=\"A complete English guide to Iranian culture and heritage: ancient empires, UNESCO sites, Persian art, poetry, crafts, cuisine, festivals and visitor etiquette.\">\n<style>\n :root{\n --gold:#c9a227;\n --gold-light:#f0d47a;\n --gold-pale:#ffe9a8;\n --bg:#0e0b09;\n --panel:#141110;\n --card1:#1c1712;\n --card2:#120f0c;\n --ink:#f2ede4;\n --ink-soft:#e9e2d4;\n --muted:#b9b1a2;\n --faint:#8d867a;\n --line:rgba(201,162,39,.22);\n --line-strong:rgba(201,162,39,.6);\n --radius:1.1rem;\n }\n *{box-sizing:border-box;margin:0;padding:0;}\n html{scroll-behavior:smooth;}\n body{\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n background:var(--bg);\n color:var(--ink);\n line-height:1.7;\n overflow-x:hidden;\n }\n h1,h2,h3,h4{font-family:Georgia,\"Times New Roman\",Times,serif;line-height:1.25;letter-spacing:.01em;}\n a{color:inherit;}\n ::-webkit-scrollbar{width:10px;height:8px;}\n ::-webkit-scrollbar-track{background:#161210;}\n ::-webkit-scrollbar-thumb{background:linear-gradient(#c9a227,#8a6d1a);border-radius:10px;}\n\n main{display:block;}\n .wrap{max-width:1200px;margin:0 auto;padding:0 1.25rem;}\n @media(min-width:640px){.wrap{padding:0 2rem;}}\n @media(min-width:1024px){.wrap{padding:0 3rem;}}\n\n section{padding:5.5rem 0;}\n @media(max-width:640px){section{padding:4rem 0;}}\n\n .gold-text{\n background:linear-gradient(92deg,#f7dd85 5%,#c9a227 45%,#f7dd85 90%);\n -webkit-background-clip:text;background-clip:text;color:transparent;\n }\n .label{\n letter-spacing:.28em;font-size:.72rem;text-transform:uppercase;\n color:var(--gold-light);font-weight:600;margin-bottom:.9rem;\n }\n .sec-title{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;color:#f6f0e0;margin-bottom:1rem;}\n .sec-sub{color:var(--muted);max-width:46rem;font-size:1.02rem;}\n .center{text-align:center;}\n .center .sec-sub{margin:0 auto;}\n .divider{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.25rem 0 0;}\n .divider-center{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.25rem auto 0;}\n .sec-head{margin-bottom:3rem;}\n\n \/* ---------- HERO ---------- *\/\n .hero{\n min-height:100vh;display:flex;align-items:center;justify-content:center;\n text-align:center;position:relative;padding:6rem 1.25rem 5rem;\n background:\n radial-gradient(900px 480px at 50% -8%,rgba(201,162,39,.22),transparent 65%),\n radial-gradient(700px 500px at 85% 110%,rgba(120,70,20,.18),transparent 60%),\n linear-gradient(180deg,rgba(14,11,9,.55) 0%,rgba(14,11,9,.78) 55%,rgba(14,11,9,.98) 100%),\n repeating-linear-gradient(45deg,rgba(201,162,39,.05) 0 2px,transparent 2px 26px),\n #0e0b09;\n }\n .hero-inner{max-width:56rem;margin:0 auto;position:relative;z-index:2;}\n .hero-badge{\n display:inline-flex;align-items:center;gap:.55rem;\n border:1px solid var(--line-strong);border-radius:999px;\n padding:.45rem 1.15rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;\n color:var(--gold-pale);background:rgba(201,162,39,.08);margin-bottom:1.4rem;\n }\n .hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#7ee2a8;box-shadow:0 0 10px #7ee2a8;}\n .hero h1{font-size:clamp(2.2rem,6.4vw,4.2rem);font-weight:800;margin-bottom:1.2rem;}\n .hero p.lead{color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.25rem);font-weight:300;max-width:44rem;margin:0 auto 2rem;}\n .hero p.lead strong{color:var(--gold-pale);font-weight:600;}\n .btnrow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.6rem;}\n .btn{\n display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;\n padding:.95rem 2rem;border-radius:999px;font-size:.85rem;font-weight:700;\n letter-spacing:.14em;text-transform:uppercase;transition:all .3s ease;cursor:pointer;border:1px solid transparent;\n }\n .btn-solid{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;box-shadow:0 12px 32px -8px rgba(201,162,39,.55);}\n .btn-solid:hover{background:linear-gradient(120deg,#ffe9a8,#e8c85a);color:#000;transform:translateY(-3px);box-shadow:0 18px 40px -8px rgba(201,162,39,.7);}\n .btn-ghost{border-color:rgba(240,212,122,.6);color:var(--gold-pale);background:rgba(201,162,39,.06);}\n .btn-ghost:hover{background:var(--gold);border-color:var(--gold);color:#14100a;transform:translateY(-3px);}\n .chips{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;}\n .chip{\n font-size:.8rem;color:var(--ink-soft);border:1px solid var(--line);\n background:rgba(255,255,255,.03);border-radius:999px;padding:.42rem 1rem;\n }\n .chip b{color:var(--gold-light);}\n .scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);color:rgba(240,212,122,.75);font-size:1.6rem;animation:bob 2.2s infinite;}\n @keyframes bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}\n\n \/* ---------- STATS STRIP ---------- *\/\n .stats{background:rgba(0,0,0,.35);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;}\n .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;}\n @media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);}}\n .stat{padding:1.8rem 1rem;border-left:1px solid rgba(201,162,39,.12);}\n .stat:first-child{border-left:none;}\n @media(max-width:767px){.stat:nth-child(3){border-left:none;}.stat{border-top:1px solid rgba(201,162,39,.12);}.stat:nth-child(1),.stat:nth-child(2){border-top:none;}}\n .stat .num{font-family:Georgia,serif;font-size:1.9rem;font-weight:700;color:var(--gold-light);}\n .stat .cap{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;}\n\n \/* ---------- CARDS ---------- *\/\n .grid{display:grid;gap:1.4rem;grid-template-columns:1fr;}\n @media(min-width:600px){.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,1fr);}}\n @media(min-width:1024px){\n .grid.cols-5{grid-template-columns:repeat(3,1fr);}\n .grid.cols-4{grid-template-columns:repeat(4,1fr);}\n .grid.cols-3{grid-template-columns:repeat(3,1fr);}\n }\n @media(min-width:1280px){.grid.cols-5{grid-template-columns:repeat(5,1fr);}}\n .card{\n background:linear-gradient(160deg,var(--card1),var(--card2));\n border:1px solid rgba(201,162,39,.16);border-radius:var(--radius);\n overflow:hidden;cursor:pointer;position:relative;\n transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;\n }\n .card:hover,.card:focus-visible{\n transform:translateY(-10px) scale(1.015);border-color:var(--line-strong);\n box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 0 1px rgba(201,162,39,.35);\n outline:none;\n }\n .visual{\n height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;\n color:var(--gold-light);\n background:\n radial-gradient(320px 160px at 50% 120%,rgba(201,162,39,.35),transparent 70%),\n linear-gradient(140deg,#241c10,#14100a 60%,#1d1508);\n border-bottom:1px solid rgba(201,162,39,.15);\n }\n .visual::after{\n content:\"\";position:absolute;inset:0;opacity:.16;\n background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(240,212,122,.5) 14px 15px);\n }\n .visual svg{width:58px;height:58px;position:relative;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:transform .5s ease;}\n .card:hover .visual svg{transform:scale(1.15) rotate(-3deg);}\n .card-body{padding:1.4rem 1.35rem 1.5rem;}\n .card-body h3{font-size:1.18rem;color:#f7ecc8;margin-bottom:.5rem;}\n .card:hover .card-body h3{color:var(--gold-pale);}\n .card-body p{font-size:.88rem;color:var(--muted);margin-bottom:1rem;min-height:3.2em;}\n .more{font-size:.85rem;font-weight:600;color:var(--gold-light);display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.04em;}\n .card:hover .more{color:var(--gold-pale);}\n .more .arrow{transition:transform .35s ease;}\n .card:hover .more .arrow{transform:translateX(6px);}\n .group-sub{font-family:Georgia,serif;font-size:1.3rem;color:#f3e7c6;margin:2.8rem 0 1.3rem;display:flex;align-items:center;gap:.8rem;}\n .group-sub::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);}\n\n \/* ---------- TIMELINE ---------- *\/\n .timeline-sec{background:rgba(0,0,0,.32);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);}\n .tl-scroll{overflow-x:auto;padding:1rem .25rem 1.6rem;}\n .tl-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(160px,1fr));gap:.9rem;min-width:1080px;}\n .tl-line{position:absolute;top:11px;left:0;right:0;height:3px;border-radius:3px;\n background:linear-gradient(90deg,transparent,#c9a227 8%,#c9a227 92%,transparent);}\n .tl-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;border-radius:.8rem;padding:.2rem;}\n .tl-item:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;}\n .tl-dot{width:22px;height:22px;border-radius:50%;background:var(--bg);border:3px solid var(--gold);\n z-index:1;margin-bottom:1rem;transition:all .35s ease;}\n .tl-item:hover .tl-dot{background:var(--gold);box-shadow:0 0 0 8px rgba(201,162,39,.18);transform:scale(1.18);}\n .tl-num{font-size:.7rem;letter-spacing:.2em;color:var(--gold-light);text-transform:uppercase;margin-bottom:.3rem;}\n .tl-card{\n background:linear-gradient(160deg,var(--card1),var(--card2));\n border:1px solid rgba(201,162,39,.16);border-radius:.9rem;padding:.9rem .7rem;width:100%;\n transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n }\n .tl-item:hover .tl-card{transform:translateY(-8px);border-color:var(--line-strong);box-shadow:0 18px 36px -12px rgba(0,0,0,.65);}\n .tl-card h4{font-size:.95rem;color:#f5e9c8;margin-bottom:.3rem;font-family:Georgia,serif;}\n .tl-card p{font-size:.76rem;color:var(--muted);line-height:1.55;}\n .swipe-note{text-align:center;color:var(--faint);font-size:.8rem;margin-top:.4rem;letter-spacing:.08em;}\n @media(min-width:1100px){.swipe-note{display:none;}}\n\n \/* ---------- AUDIO ---------- *\/\n .audio-sec{position:relative;}\n .pulse-stage{text-align:center;margin-bottom:2.2rem;}\n .pulse-btn{\n position:relative;width:132px;height:132px;border-radius:50%;cursor:pointer;border:1px solid var(--line-strong);\n background:radial-gradient(circle at 35% 30%,#3a2c12,#171106 70%);\n color:var(--gold-pale);display:inline-flex;align-items:center;justify-content:center;\n transition:transform .3s ease,box-shadow .3s ease;\n }\n .pulse-btn:hover{transform:scale(1.05);box-shadow:0 0 45px rgba(201,162,39,.45);}\n .pulse-btn svg{width:46px;height:46px;z-index:2;position:relative;}\n .pulse-btn .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,162,39,.7);animation:pulse 2.2s ease-out infinite;}\n .pulse-btn .ring.r2{animation-delay:1.1s;}\n @keyframes pulse{0%{transform:scale(1);opacity:.9;}100%{transform:scale(1.65);opacity:0;}}\n .pulse-cap{margin-top:1.2rem;color:var(--ink-soft);font-size:1rem;}\n .pulse-cap small{display:block;color:var(--faint);font-size:.82rem;margin-top:.3rem;}\n .player{\n max-width:640px;margin:0 auto;background:linear-gradient(165deg,#1e1811,#12100c);\n border:1px solid var(--line-strong);border-radius:1.3rem;padding:1.8rem;position:relative;overflow:hidden;\n box-shadow:0 30px 60px -20px rgba(0,0,0,.75),0 0 0 1px rgba(201,162,39,.12);\n animation:rise .5s ease;\n }\n @keyframes rise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}\n .player .wm{\n position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);\n font-size:3rem;font-weight:800;letter-spacing:.2em;color:rgba(201,162,39,.09);\n pointer-events:none;white-space:nowrap;text-transform:lowercase;\n }\n .player .brand{\n display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;\n color:#0f0c06;background:linear-gradient(120deg,#e8c85a,#c9a227);border-radius:999px;padding:.3rem .95rem;font-weight:800;margin-bottom:1.1rem;\n }\n .player h3{color:#f6ecca;font-size:1.25rem;margin-bottom:.2rem;position:relative;}\n .player .psub{color:var(--muted);font-size:.85rem;margin-bottom:1.2rem;position:relative;}\n .p-controls{display:flex;align-items:center;gap:1rem;position:relative;}\n .play-btn{\n flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;\n background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;font-size:1.35rem;\n display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;\n }\n .play-btn:hover{transform:scale(1.08);box-shadow:0 0 26px rgba(201,162,39,.6);color:#000;}\n .p-mid{flex:1;}\n .p-times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.35rem;font-variant-numeric:tabular-nums;}\n .p-times span:last-child{color:var(--gold-light);}\n input[type=range].seek{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(201,162,39,.25);outline:none;cursor:pointer;}\n input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;box-shadow:0 0 10px rgba(201,162,39,.7);}\n input[type=range].seek::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;}\n .p-row{display:flex;align-items:center;gap:.8rem;margin-top:1rem;flex-wrap:wrap;position:relative;}\n .p-row .vol{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem;}\n input[type=range].volr{-webkit-appearance:none;width:110px;height:5px;border-radius:5px;background:rgba(201,162,39,.25);cursor:pointer;}\n input[type=range].volr::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e8c85a;}\n input[type=range].volr::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e8c85a;border:none;}\n .rate-btn{background:rgba(201,162,39,.1);border:1px solid var(--line);color:var(--gold-pale);border-radius:999px;padding:.32rem .9rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;}\n .rate-btn:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n .p-note{margin-top:1.1rem;font-size:.78rem;color:var(--faint);position:relative;}\n .p-note code{color:var(--gold-light);background:rgba(201,162,39,.1);padding:.1rem .45rem;border-radius:.35rem;font-size:.75rem;word-break:break-all;}\n .p-error{margin-top:.8rem;font-size:.82rem;color:#ffb4a8;background:rgba(160,40,30,.14);border:1px solid rgba(255,120,100,.3);border-radius:.6rem;padding:.6rem .9rem;display:none;position:relative;}\n .file-load{margin-top:1rem;position:relative;font-size:.8rem;color:var(--muted);}\n .file-load label{display:inline-block;margin-top:.4rem;padding:.5rem 1.2rem;border:1px dashed rgba(240,212,122,.55);border-radius:999px;color:var(--gold-pale);cursor:pointer;font-size:.78rem;letter-spacing:.06em;transition:all .25s ease;}\n .file-load label:hover{background:rgba(201,162,39,.15);color:#fff;}\n .file-load input{display:none;}\n\n \/* ---------- CTA ---------- *\/\n .cta-panel{\n position:relative;border-radius:1.6rem;overflow:hidden;text-align:center;\n padding:clamp(2.5rem,6vw,4.5rem) clamp(1.4rem,5vw,4rem);\n background:\n radial-gradient(600px 300px at 50% 0%,rgba(201,162,39,.28),transparent 65%),\n linear-gradient(165deg,#231a0d,#100d08 70%);\n border:1px solid var(--line-strong);\n box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 80px rgba(201,162,39,.06);\n }\n .cta-panel::before{content:\"\";position:absolute;inset:10px;border:1px dashed rgba(201,162,39,.3);border-radius:1.1rem;pointer-events:none;}\n .cta-panel h2{font-size:clamp(1.8rem,4.6vw,3rem);color:#f9f0d8;margin-bottom:1rem;position:relative;}\n .cta-panel>p{color:var(--ink-soft);max-width:42rem;margin:0 auto 2.2rem;position:relative;}\n .cta-btns{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;position:relative;margin-bottom:1.8rem;}\n .cta-call,.cta-wa{\n display:inline-flex;align-items:center;gap:.9rem;text-decoration:none;border-radius:1.1rem;\n padding:1.05rem 1.7rem;transition:transform .3s ease,box-shadow .3s ease;min-width:270px;justify-content:center;\n }\n .cta-call{background:linear-gradient(120deg,#f0d47a,#c9a227);color:#171106;box-shadow:0 16px 40px -10px rgba(201,162,39,.6);}\n .cta-call:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 55px -10px rgba(201,162,39,.8);color:#000;}\n .cta-wa{background:rgba(20,120,70,.25);border:1px solid rgba(80,220,140,.5);color:#c9f5d8;}\n .cta-wa:hover{transform:translateY(-4px) scale(1.02);background:rgba(30,160,90,.4);color:#fff;box-shadow:0 20px 45px -12px rgba(40,200,110,.5);}\n .cta-call .t1,.cta-wa .t1{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;display:block;}\n .cta-call .t2,.cta-wa .t2{font-size:1.15rem;font-weight:800;display:block;letter-spacing:.02em;}\n .cta-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(0,0,0,.22);}\n .cta-ico svg{width:24px;height:24px;}\n .cta-meta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;position:relative;}\n .cta-meta span{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .95rem;background:rgba(0,0,0,.3);}\n .cta-meta b{color:var(--gold-light);}\n .disclaimer{margin-top:2.5rem;font-size:.76rem;color:var(--faint);max-width:44rem;margin-left:auto;margin-right:auto;}\n\n \/* ---------- MODAL ---------- *\/\n #modal{\n position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;\n padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);\n opacity:0;pointer-events:none;transition:opacity .3s ease;\n }\n #modal.show{opacity:1;pointer-events:auto;}\n .panel{\n position:relative;background:var(--panel);border:1px solid rgba(201,162,39,.3);border-radius:1.3rem;\n max-width:46rem;width:100%;max-height:88vh;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.8);\n transform:scale(.92) translateY(26px);opacity:0;transition:all .35s cubic-bezier(.2,.8,.2,1);\n display:flex;flex-direction:column;\n }\n #modal.show .panel{transform:scale(1) translateY(0);opacity:1;}\n .modal-close{\n position:absolute;top:.9rem;right:.9rem;z-index:5;width:42px;height:42px;border-radius:50%;\n background:rgba(0,0,0,.6);border:1px solid rgba(240,212,122,.5);color:var(--gold-pale);\n font-size:1.4rem;cursor:pointer;line-height:1;transition:all .25s ease;\n }\n .modal-close:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n .modal-visual{\n min-height:170px;display:flex;align-items:center;justify-content:center;gap:1rem;flex:0 0 auto;\n color:var(--gold-light);padding:2.2rem 1.5rem 1.6rem;\n background:radial-gradient(420px 200px at 50% 130%,rgba(201,162,39,.4),transparent 70%),linear-gradient(140deg,#262012,#12100a 65%);\n border-bottom:1px solid rgba(201,162,39,.2);text-align:center;\n }\n .modal-visual svg{width:64px;height:64px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));}\n .modal-body{overflow-y:auto;padding:1.8rem clamp(1.3rem,4vw,2.6rem) 2.2rem;}\n .modal-body::-webkit-scrollbar{width:8px;}\n .modal-body::-webkit-scrollbar-thumb{background:#c9a227;border-radius:8px;}\n #mEra{color:var(--gold-light);font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.5rem;font-weight:700;}\n #mTitle{color:#f8efdb;font-size:clamp(1.35rem,3.4vw,1.9rem);margin-bottom:1.1rem;}\n #mText{color:#d9d2c2;font-size:.95rem;}\n #mText p{margin-bottom:1rem;}\n #mText p:last-child{margin-bottom:0;}\n #mText strong{color:var(--gold-pale);}\n .modal-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid rgba(201,162,39,.2);}\n .modal-cta a{flex:1;min-width:200px;text-align:center;text-decoration:none;border-radius:.9rem;padding:.85rem 1rem;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:all .25s ease;}\n .m-call{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;}\n .m-call:hover{color:#000;filter:brightness(1.1);transform:translateY(-2px);}\n .m-wa{border:1px solid rgba(80,220,140,.55);color:#c9f5d8;}\n .m-wa:hover{background:rgba(30,160,90,.3);color:#fff;transform:translateY(-2px);}\n\n \/* ---------- FLOATING DOCK ---------- *\/\n .dock{position:fixed;right:1rem;bottom:1rem;z-index:500;display:flex;flex-direction:column;gap:.7rem;}\n .dock a{\n width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;\n transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 28px rgba(0,0,0,.55);\n }\n .dock a:hover{transform:scale(1.12);}\n .dock a svg{width:26px;height:26px;}\n .dock .d-call{background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;}\n .dock .d-wa{background:#1faa59;color:#fff;}\n\n \/* ---------- REVEAL ---------- *\/\n .reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);}\n .reveal.in-view{opacity:1;transform:translateY(0);}\n\n :focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;}\n @media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important;transition:none!important;}\n html{scroll-behavior:auto;}\n .reveal{opacity:1;transform:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<main>\n\n \n <section class=\"hero\" id=\"top\">\n <div class=\"hero-inner reveal in-view\">\n <span class=\"hero-badge\"><span class=\"dot\"><\/span> Empires \u00b7 Arts \u00b7 Traditions<\/span>\n <p class=\"label\">History \u00b7 Art \u00b7 Poetry \u00b7 Crafts \u00b7 Festivals<\/p>\n <h1><span class=\"gold-text\">Culture & Heritage of Iran<\/span><\/h1>\n <p class=\"lead\">Seven thousand years of civilization \u2014 <strong>empires, poets, tilework and living rituals<\/strong> \u2014 still present in the streets, tables and celebrations of Iran today.<\/p>\n <div class=\"btnrow\">\n <a class=\"btn btn-solid\" href=\"#contact\">Plan Your Journey<\/a>\n <a class=\"btn btn-ghost\" href=\"#heritage\">Explore the Heritage<\/a>\n <\/div>\n <div class=\"chips\">\n <span class=\"chip\"><b>7000+<\/b> Years of civilization<\/span>\n <span class=\"chip\"><b>28<\/b> UNESCO World Heritage Sites<\/span>\n <span class=\"chip\"><b>24h<\/b> Response time<\/span>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\" aria-hidden=\"true\">↓<\/div>\n <\/section>\n\n \n <div class=\"stats\">\n <div class=\"wrap\">\n <div class=\"stats-grid reveal\">\n <div class=\"stat\"><div class=\"num\">7000+<\/div><div class=\"cap\">Years of Civilization<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">28<\/div><div class=\"cap\">UNESCO Heritage Sites<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">60K<\/div><div class=\"cap\">Verses in the Shahnameh<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">3000<\/div><div class=\"cap\">Years of Nowruz<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"intro\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Foundations<\/p>\n <h2 class=\"sec-title\">Five Pillars of Iranian Heritage<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">History, art, poetry, faith and living craft \u2014 the five threads woven through everything Iranian. Select any card for the full story.<\/p>\n <\/div>\n <div class=\"grid cols-5\">\n\n <article class=\"card reveal\" data-popup=\"overview\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about heritage overview\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Heritage Overview<\/h3>\n <p>How 7,000 years still shape daily Iranian life.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"empires\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about empires\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9.5L12 4l9 5.5\"\/><path d=\"M5 10v8M9.5 10v8M14.5 10v8M19 10v8\"\/><path d=\"M3 20h18\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Empires & History<\/h3>\n <p>Elam, Persia, Parthia and the glories in between.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"art\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about art and architecture\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"9\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><path d=\"M12 21c-1 0-1.5-.5-1-1.5.6-1.2-.5-2-1.5-2.5C8 16.2 8 14.5 9.5 14c-2-.5-3.5-2-3.5-4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Art & Architecture<\/h3>\n <p>Domes, tilework, gardens and the geometry of paradise.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"poetry\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about poetry and literature\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4c-4 0-9 1-12 5l-3 9 2-1 3 3 9-3c4-3 5-9 1-13z\"\/><path d=\"M8 9c1.5 2 4 4.5 7 6\"\/><path d=\"M5 18l3-3\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Poetry & Literature<\/h3>\n <p>Ferdowsi, Hafez, Rumi \u2014 verse Iranians live by.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\" data-popup=\"religion\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about faiths and philosophy\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c1 4-4 6-4 11a4 4 0 0 0 8 0c0-2-1-3-1-3s3 1 3 5a6 6 0 0 1-12 0C6 9 12 7 12 3z\"\/><path d=\"M12 21a2.5 2.5 0 0 0 2.5-2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Faiths & Philosophy<\/h3>\n <p>From Zoroaster's fire to Sufi mysticism.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"process\" class=\"timeline-sec\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Timeline<\/p>\n <h2 class=\"sec-title\">7,000 Years in 8 Great Eras<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">From the Elamite ziggurats to the modern republic \u2014 select any era to uncover its story.<\/p>\n <\/div>\n <\/div>\n <div class=\"wrap\">\n <div class=\"tl-scroll reveal\">\n <div class=\"tl-grid\">\n <div class=\"tl-line\" aria-hidden=\"true\"><\/div>\n\n <div class=\"tl-item\" data-popup=\"step1\" tabindex=\"0\" role=\"button\" aria-label=\"Elam details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">3200\u2013539 BCE<\/p><h4>Elam<\/h4><p>Ziggurats and the first cities.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step2\" tabindex=\"0\" role=\"button\" aria-label=\"Medes details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">678\u2013549 BCE<\/p><h4>Medes<\/h4><p>The first Iranian kingdom.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step3\" tabindex=\"0\" role=\"button\" aria-label=\"Achaemenids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">550\u2013330 BCE<\/p><h4>Achaemenids<\/h4><p>Cyrus, Darius, Persepolis.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step4\" tabindex=\"0\" role=\"button\" aria-label=\"Parthians details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">247 BCE\u2013224 CE<\/p><h4>Parthians<\/h4><p>Horse archers of the Silk Road.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step5\" tabindex=\"0\" role=\"button\" aria-label=\"Sassanids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">224\u2013651 CE<\/p><h4>Sassanids<\/h4><p>Golden age of Persian art.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step6\" tabindex=\"0\" role=\"button\" aria-label=\"Islamic golden age details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">651\u20131501 CE<\/p><h4>Islamic Golden Age<\/h4><p>Avicenna, Rumi, observatories.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step7\" tabindex=\"0\" role=\"button\" aria-label=\"Safavids details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">1501\u20131736 CE<\/p><h4>Safavids<\/h4><p>Isfahan \u2014 half the world.<\/p><\/div>\n <\/div>\n <div class=\"tl-item\" data-popup=\"step8\" tabindex=\"0\" role=\"button\" aria-label=\"Modern Iran details\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-card\"><p class=\"tl-num\">1925\u2013Today<\/p><h4>Modern Iran<\/h4><p>Heritage alive in the present.<\/p><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <p class=\"swipe-note\">Swipe sideways to see all 8 eras →<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"heritage\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Masterpieces<\/p>\n <h2 class=\"sec-title\">Arts, Crafts & Living Traditions<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">What Iranian hands have made for millennia \u2014 and what Iranian hearts still celebrate. Select any card for the full guide.<\/p>\n <\/div>\n\n <h3 class=\"group-sub reveal\">Arts & Craftsmanship<\/h3>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"carpets\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about Persian carpets\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"1\"\/><path d=\"M5 7h14M5 12h14M5 17h14\"\/><path d=\"M9 3v18M15 3v18\"\/><path d=\"M3 5h2M3 19h2M19 5h2M19 19h2\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Persian Carpets<\/h3>\n <p>Knots, dyes and the regions behind each pattern.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"architecture\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about architecture and gardens\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V11c0-4 3.5-7 8-7s8 3 8 7v9\"\/><path d=\"M12 4v16M4 20h16\"\/><path d=\"M12 8c-2 0-3.5 1.5-3.5 3.5V16h7v-4.5C15.5 9.5 14 8 12 8z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Architecture & Gardens<\/h3>\n <p>Domes, iwans, windcatchers and paradise gardens.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"miniature\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about miniature and calligraphy\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"\/><path d=\"M14 6l4 4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Miniature & Calligraphy<\/h3>\n <p>Illuminated epics and the dance of Nastaliq script.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"crafts\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about handicrafts\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l4 4L9 19H5v-4z\"\/><path d=\"M12 8l4 4\"\/><path d=\"M4 21c2 0 3-1 3-3M20 3c-2 0-3 1-3 3\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Handicrafts<\/h3>\n <p>Pottery, metalwork, khatam and turquoise of the bazaar.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <h3 class=\"group-sub reveal\">Living Heritage<\/h3>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"music\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about music\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V6l10-2v11\"\/><circle cx=\"7\" cy=\"18\" r=\"2.5\"\/><circle cx=\"17\" cy=\"15\" r=\"2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Music & Instruments<\/h3>\n <p>Dastgah modes, tar, setar and the daf drum.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"cuisine\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about cuisine and hospitality\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Cuisine & Hospitality<\/h3>\n <p>Saffron, stews and the sacred art of the guest.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"festivals\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about festivals\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><path d=\"M12 13v4M10 15h4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Nowruz & Festivals<\/h3>\n <p>New Year, Yalda night and rituals of light.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"myths\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about myths and Shahnameh\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><circle cx=\"17\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Myths & Shahnameh<\/h3>\n <p>Rostam, heroes and the epic Iranians know by heart.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"guide\" style=\"background:rgba(0,0,0,.22);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Experience It<\/p>\n <h2 class=\"sec-title\">Guides for Culture Lovers<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Where to see it, how to behave beautifully, and what to bring home.<\/p>\n <\/div>\n <div class=\"grid cols-4\">\n <article class=\"card reveal\" data-popup=\"sites\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about UNESCO sites\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>UNESCO Sites<\/h3>\n <p>Persepolis, Yazd, Isfahan and 25 more wonders.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"museums\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about museums\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10l9-6 9 6\"\/><path d=\"M4 10v8M20 10v8M8 10v8M12 10v8M16 10v8\"\/><path d=\"M2 20h20\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Museums & Galleries<\/h3>\n <p>Jewels, carpets and contemporary art in Tehran.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"visitors\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about etiquette for visitors\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20s-7-4.5-9-9c-1.2-2.8.5-6 3.5-6 2 0 3.5 1.2 5.5 3.5C13.9 6.2 15.4 5 17.5 5c3 0 4.7 3.2 3.5 6-2 4.5-9 9-9 9z\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Etiquette for Visitors<\/h3>\n <p>Mosques, homes and photos \u2014 behave beautifully.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <article class=\"card reveal\" data-popup=\"souvenirs\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about souvenirs\">\n <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8h15l-1.5 9h-12z\"\/><path d=\"M6 8l-1-4H2.5\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><\/svg><\/div>\n <div class=\"card-body\">\n <h3>Souvenirs to Bring Home<\/h3>\n <p>Saffron, crafts and how to buy with confidence.<\/p>\n <span class=\"more\">Read More <span class=\"arrow\">→<\/span><\/span>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"listen\" class=\"audio-sec\">\n <div class=\"wrap\">\n <div class=\"sec-head center reveal\">\n <p class=\"label\">Listen<\/p>\n <h2 class=\"sec-title\">Hear the Story of Iran<\/h2>\n <div class=\"divider-center\"><\/div>\n <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Tap the golden button below to open our exclusive voice journey through Iranian heritage.<\/p>\n <\/div>\n\n <div class=\"pulse-stage reveal\">\n <button class=\"pulse-btn\" id=\"pulseBtn\" aria-label=\"Open voice introduction player\" aria-expanded=\"false\">\n <span class=\"ring\"><\/span><span class=\"ring r2\"><\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><path d=\"M12 18v3\"\/><\/svg>\n <\/button>\n <p class=\"pulse-cap\">Tap to open the voice player<small>Exclusive audio guide \u00b7 English<\/small><\/p>\n <\/div>\n\n <div class=\"player\" id=\"playerCard\" hidden>\n <div class=\"wm\" aria-hidden=\"true\">weknowiran<\/div>\n <span class=\"brand\">weknowiran \u00b7 Exclusive<\/span>\n <h3>Culture & Heritage of Iran \u2014 Voice Guide<\/h3>\n <p class=\"psub\">A short journey through empires, arts and living traditions.<\/p>\n <div class=\"p-controls\">\n <button class=\"play-btn\" id=\"playBtn\" aria-label=\"Play or pause audio\">▶<\/button>\n <div class=\"p-mid\">\n <div class=\"p-times\"><span id=\"curTime\">0:00<\/span><span id=\"durTime\">--:--<\/span><\/div>\n <input type=\"range\" class=\"seek\" id=\"seekBar\" min=\"0\" max=\"100\" value=\"0\" step=\"0.1\" aria-label=\"Seek audio position\">\n <\/div>\n <\/div>\n <div class=\"p-row\">\n <span class=\"vol\">🔊 <input type=\"range\" class=\"volr\" id=\"volBar\" min=\"0\" max=\"1\" step=\"0.05\" value=\"0.9\" aria-label=\"Volume\"><\/span>\n <button class=\"rate-btn\" id=\"rateBtn\" aria-label=\"Change playback speed\">Speed: 1x<\/button>\n <\/div>\n <p class=\"p-note\">Audio file: <code id=\"audioUrlLabel\">https:\/\/example.com\/your-audio.mp3<\/code><br>To use your own voice file, replace the <code>AUDIO_SRC<\/code> value in this page's script with your MP3 link.<\/p>\n <p class=\"p-error\" id=\"audioError\">The demo audio link is a placeholder and could not be played. Please replace AUDIO_SRC with your real MP3 address.<\/p>\n <div class=\"file-load\">Want to test the player right now?\n <br><label for=\"filePick\">Load an MP3 from this device<input type=\"file\" id=\"filePick\" accept=\"audio\/*\"><\/label>\n <\/div>\n <audio id=\"voiceAudio\" preload=\"metadata\"><\/audio>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" style=\"padding-top:2rem;\">\n <div class=\"wrap\">\n <div class=\"cta-panel reveal\">\n <p class=\"label\">Free First Consultation<\/p>\n <h2>Love Iranian Culture? <span class=\"gold-text\">Talk to Us<\/span><\/h2>\n <p>Trips, research, relocation, business with a cultural soul \u2014 send your question today. A bilingual expert replies in plain English, usually within 24 hours.<\/p>\n <div class=\"cta-btns\">\n <a class=\"cta-call\" href=\"tel:+442086350694\">\n <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg><\/span>\n <span><span class=\"t1\">London Office \u2014 Call Now<\/span><span class=\"t2\" dir=\"ltr\">+44 20 8635 0694<\/span><\/span>\n <\/a>\n <a class=\"cta-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\">\n <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><path d=\"M9.5 9.8c.5 2.5 3.2 5.2 5.7 5.7l1.3-1.3 2.3 1.2c-.5 1.7-1.6 2.4-3.2 2-3.5-.9-7.1-4.5-8-8-.4-1.6.3-2.7 2-3.2l1.2 2.3z\" stroke-width=\"1.3\"\/><\/svg><\/span>\n <span><span class=\"t1\">WhatsApp \u2014 Fastest Reply<\/span><span class=\"t2\" dir=\"ltr\">+44 7780 807781<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"cta-meta\">\n <span><b>Mon\u2013Sat<\/b> \u00b7 9:00 \u2013 19:00 London time<\/span>\n <span><b>English & Persian<\/b> \u00b7 Friendly advice<\/span>\n <span><b>Confidential<\/b> \u00b7 No obligation<\/span>\n <\/div>\n <p class=\"disclaimer\">General cultural information only \u2014 opening hours, ticket rules and site access change by season. Your first consultation is free and confidential.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<div id=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"mTitle\">\n <div class=\"panel\">\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Close dialog\">×<\/button>\n <div class=\"modal-visual\" id=\"modalVisual\" aria-hidden=\"true\"><\/div>\n <div class=\"modal-body\">\n <p id=\"mEra\"><\/p>\n <h3 id=\"mTitle\"><\/h3>\n <div id=\"mText\"><\/div>\n <div class=\"modal-cta\">\n <a class=\"m-call\" href=\"tel:+442086350694\">Call +44 20 8635 0694<\/a>\n <a class=\"m-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\">WhatsApp Us<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"dock\" aria-label=\"Quick contact\">\n <a class=\"d-call\" href=\"tel:+442086350694\" aria-label=\"Call London office +44 20 8635 0694\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg>\n <\/a>\n <a class=\"d-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20have%20a%20question%20about%20Iranian%20culture%20and%20heritage.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat on WhatsApp +44 7780 807781\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><\/svg>\n <\/a>\n<\/div>\n\n<script>\n\/* ============================================================\n REPLACE WITH YOUR AUDIO FILE URL:\n Put your MP3 link below (for example your uploaded voice file).\n ============================================================ *\/\nvar AUDIO_SRC = \"https:\/\/example.com\/your-audio.mp3\";\n\n\/* ---------- Shared SVG icons for the popup banner ---------- *\/\nvar ICONS = {\n globe: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg>',\n court: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9.5L12 4l9 5.5\"\/><path d=\"M5 10v8M9.5 10v8M14.5 10v8M19 10v8\"\/><path d=\"M3 20h18\"\/><\/svg>',\n palette: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"9\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/><path d=\"M12 21c-1 0-1.5-.5-1-1.5.6-1.2-.5-2-1.5-2.5C8 16.2 8 14.5 9.5 14c-2-.5-3.5-2-3.5-4\"\/><\/svg>',\n feather: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4c-4 0-9 1-12 5l-3 9 2-1 3 3 9-3c4-3 5-9 1-13z\"\/><path d=\"M8 9c1.5 2 4 4.5 7 6\"\/><\/svg>',\n flame: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c1 4-4 6-4 11a4 4 0 0 0 8 0c0-2-1-3-1-3s3 1 3 5a6 6 0 0 1-12 0C6 9 12 7 12 3z\"\/><\/svg>',\n layers: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l9 5-9 5-9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>',\n shield: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>',\n mountain: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 19l6-11 4 7 3-4 5 8z\"\/><circle cx=\"17.5\" cy=\"6\" r=\"2\"\/><\/svg>',\n arch: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V11c0-4 3.5-7 8-7s8 3 8 7v9\"\/><path d=\"M12 4v16M4 20h16\"\/><\/svg>',\n pen: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"\/><\/svg>',\n tools: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l4 4L9 19H5v-4z\"\/><path d=\"M12 8l4 4\"\/><\/svg>',\n music: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V6l10-2v11\"\/><circle cx=\"7\" cy=\"18\" r=\"2.5\"\/><circle cx=\"17\" cy=\"15\" r=\"2.5\"\/><\/svg>',\n bowl: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg>',\n calendar: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><path d=\"M12 13v4M10 15h4\"\/><\/svg>',\n scroll: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><\/svg>',\n pin: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>',\n bank: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10l9-6 9 6\"\/><path d=\"M4 10v8M20 10v8M8 10v8M12 10v8M16 10v8\"\/><path d=\"M2 20h20\"\/><\/svg>',\n heart: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20s-7-4.5-9-9c-1.2-2.8.5-6 3.5-6 2 0 3.5 1.2 5.5 3.5C13.9 6.2 15.4 5 17.5 5c3 0 4.7 3.2 3.5 6-2 4.5-9 9-9 9z\"\/><\/svg>',\n bag: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8h15l-1.5 9h-12z\"\/><path d=\"M6 8l-1-4H2.5\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><\/svg>',\n book: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5L2 9l10 4 10-4z\"\/><path d=\"M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5\"\/><path d=\"M22 9v6\"\/><\/svg>',\n chat: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5z\"\/><path d=\"M9 12h.01M12.5 12h.01M16 12h.01\"\/><\/svg>'\n};\n\n\/* ================= CONTENT DATABASE ================= *\/\nvar contentData = {\n\noverview: {\n era: \"Foundations\", title: \"Iranian Heritage \u2014 An Overview\", icon: \"globe\",\n text: \"<p><strong>Iran is not a country with history \u2014 it is history, still living.<\/strong> More than seven thousand years of continuous civilization layer the land: Elamite ziggurats beneath Achaemenid palaces, Sassanid arches beneath Safavid tiles, and ancient fire temples a short walk from workshops where craftsmen knot carpets exactly as their ancestors did.<\/p><p>What makes Iranian heritage extraordinary is that it never became a museum piece. <strong>Poetry from a thousand years ago is quoted in daily conversation<\/strong>, the New Year is celebrated with rituals three millennia old, and the geometric patterns of Persepolis reappear in today's metro stations and book covers. Past and present are not separated here \u2014 they converse.<\/p><p>This page is your journey through that living heritage: the empires, the arts, the crafts, the festivals and the practical knowledge to experience them well \u2014 ending, as every Iranian journey should, with an invitation.<\/p>\"\n},\nempires: {\n era: \"History\", title: \"Empires That Shaped the World\", icon: \"court\",\n text: \"<p><strong>Three great Persian empires redefined what a state could be.<\/strong> The Achaemenids under Cyrus the Great built the ancient world's largest empire and pioneered ideas of tolerance and human rights recorded on the Cyrus Cylinder. The Parthians ruled the Silk Road for nearly five centuries, bridging Rome and China. The Sassanids refined administration, art and architecture that would echo through Byzantium, Central Asia and early Islamic civilization.<\/p><p>Before them all stood <strong>Elam<\/strong>, with the ziggurat of Chogha Zanbil still rising from the Khuzestan plain, and the <strong>Medes<\/strong>, the first Iranian kingdom. After the Islamic conquest, Persian scholars, poets and architects became central pillars of Islamic civilization \u2014 Avicenna in medicine, Khayyam in mathematics and verse, and builders whose domes crown skylines from Samarkand to Isfahan.<\/p><p>The timeline below walks you through all eight eras \u2014 select each one to meet the kings, builders and thinkers who made them.<\/p>\"\n},\nart: {\n era: \"Aesthetics\", title: \"Art & Architecture of Paradise\", icon: \"palette\",\n text: \"<p><strong>Persian art pursues one idea across millennia: paradise, made visible.<\/strong> The columned halls of Persepolis, the turquoise domes of Isfahan, the mirror-work shrines of Shiraz and the walled Persian gardens \u2014 recognized by UNESCO as a designed ideal of Eden with water, shade and geometry \u2014 all express order, beauty and the sacred through pattern and proportion.<\/p><p>Signature innovations travelled the world: the <strong>iwan vaulted hall<\/strong>, the squinch that sets domes on square rooms, mosaic faience tilework in which thousands of cut pieces form a single flowering wall, and the four-garden (chahar-bagh) plan that shaped garden design from Spain to India. Inside, the same sensibility fills carpets, miniatures, metalwork and bookbinding.<\/p><p>To stand in the Shah Mosque at noon, when light moves across seven-color tiles, is to understand that in Iran <strong>architecture is not background \u2014 it is devotion, mathematics and poetry in fired clay and stone<\/strong>.<\/p>\"\n},\npoetry: {\n era: \"Literature\", title: \"Poetry Iranians Live By\", icon: \"feather\",\n text: \"<p><strong>No nation lives inside its poetry the way Iran does.<\/strong> Ferdowsi's Shahnameh \u2014 nearly 60,000 couplets composed around 1000 CE \u2014 preserved the Persian language itself and still gives children their heroes: Rostam, Sohrab, Tahmineh. Hafez's Divan sits in almost every home beside the Quran, opened for guidance in the ritual of fal-e Hafez. Rumi's verses on love are recited at gatherings from Tehran to California.<\/p><p>The tradition spans epic, lyric, mystical and satirical modes: <strong>Saadi's wisdom<\/strong> (a verse of his greets visitors at the United Nations), Khayyam's quatrains on wine and mortality, Nizami's romances, and modern voices like Forough Farrokhzad who remade the lyric for the twentieth century. Poetry here is not decoration \u2014 it is counsel, courtship, consolation and identity.<\/p><p>Visit the tombs of Hafez and Saadi in Shiraz at dusk, when crowds murmur verses aloud, and you will feel what statistics cannot convey: <strong>a whole civilization thinking in rhyme<\/strong>.<\/p>\"\n},\nreligion: {\n era: \"Belief\", title: \"Faiths, Fire & Philosophy\", icon: \"flame\",\n text: \"<p><strong>Iran gave the world one of its first monotheisms.<\/strong> Zoroastrianism, founded by the prophet Zoroaster (Zarathustra), introduced ideas \u2014 the cosmic struggle of good and evil, individual moral choice, judgment, heaven and hell \u2014 that would echo through Judaism, Christianity and Islam. The sacred flame still burns in Yazd's Atashkadeh, tended continuously, and the stark Towers of Silence keep watch over the desert.<\/p><p>After the seventh century, Iran became the beating heart of Islamic scholarship and mysticism: <strong>Shia Islam's shrines and rituals<\/strong>, the Sufi poetry of divine love, and philosophers from Avicenna to Mulla Sadra who fused Greek thought with illuminationist wisdom. Armenians, Assyrians, Jews and Zoroastrians maintain ancient communities and houses of worship, some over a thousand years old.<\/p><p>For visitors, this layered sacredness means <strong>extraordinary sites and living rituals<\/strong> \u2014 from Muharram processions to Sufi music nights \u2014 best experienced with respectful curiosity and modest dress.<\/p>\"\n},\n\nstep1: {\n era: \"3200 \u2013 539 BCE\", title: \"Elam: The First Civilization\", icon: \"layers\",\n text: \"<p>Long before Persia, <strong>Elam<\/strong> flourished in southwestern Iran for nearly three thousand years, centred on Susa \u2014 one of the world's oldest cities. Its crowning monument, the ziggurat of <strong>Chogha Zanbil<\/strong>, remains among the best-preserved ziggurats on Earth and a UNESCO World Heritage Site.<\/p><p>Elamite scribes, metalworkers and builders laid urban and artistic foundations the later Persian empires would absorb and magnify \u2014 including Susa itself, reborn as an Achaemenid capital.<\/p>\"\n},\nstep2: {\n era: \"678 \u2013 549 BCE\", title: \"Medes: The First Iranian Kingdom\", icon: \"mountain\",\n text: \"<p>The <strong>Medes<\/strong> united the Iranian tribes of the northwest under kings like Cyaxares, whose armies helped topple Assyria with the fall of Nineveh in 612 BCE. Their capital <strong>Ecbatana<\/strong> (modern Hamadan) became a legendary city of concentric coloured walls.<\/p><p>Median dress, court ritual and military organization flowed directly into the Achaemenid state founded by Cyrus \u2014 himself half Mede \u2014 making Media the seedbed of Persia.<\/p>\"\n},\nstep3: {\n era: \"550 \u2013 330 BCE\", title: \"Achaemenids: The First World Empire\", icon: \"court\",\n text: \"<p><strong>Cyrus the Great<\/strong> forged the ancient world's largest empire, from the Indus to the Balkans, and issued the Cyrus Cylinder \u2014 celebrated as an early charter of tolerance. <strong>Darius<\/strong> organized it with satrapies, royal roads and the ceremonial capital of <strong>Persepolis<\/strong>, whose reliefs still parade the nations of the empire in stone.<\/p><p>Burned by Alexander in 330 BCE, Persepolis remains Iran's most powerful symbol \u2014 visited by every generation, including yours.<\/p>\"\n},\nstep4: {\n era: \"247 BCE \u2013 224 CE\", title: \"Parthians: Lords of the Silk Road\", icon: \"shield\",\n text: \"<p>The <strong>Parthian (Arsacid)<\/strong> Empire ruled Iran for nearly five centuries, growing rich on Silk Road trade and famed for cataphract cavalry and the legendary <strong>Parthian shot<\/strong> \u2014 firing backwards at full gallop. At Carrhae in 53 BCE they destroyed a Roman army three times their size.<\/p><p>Their rock reliefs, coins and frontier fortresses from Nisa to Hatra mark a cosmopolitan empire where Greek, Persian and steppe cultures fused.<\/p>\"\n},\nstep5: {\n era: \"224 \u2013 651 CE\", title: \"Sassanids: The Golden Age\", icon: \"flame\",\n text: \"<p>The <strong>Sassanids<\/strong> consciously revived Persian glory: the colossal arch of <strong>Taq Kasra<\/strong> at Ctesiphon, silver vessels prized from Byzantium to China, rock reliefs of triumph at Naqsh-e Rostam, and the reforms of Khosrow Anushirvan, patron of scholars displaced from Athens.<\/p><p>Their art, court ritual and administration flowed directly into Islamic civilization after 651 CE \u2014 Persia fell, but Persian culture conquered its conquerors.<\/p>\"\n},\nstep6: {\n era: \"651 \u2013 1501 CE\", title: \"The Islamic Golden Age of Persia\", icon: \"book\",\n text: \"<p>Under Abbasid and later courts, <strong>Persian became the language of poetry, administration and science<\/strong> across Asia. Avicenna's Canon healed for six centuries, Biruni measured the Earth, Khayyam reformed the calendar, and <strong>Rumi, Hafez and Saadi<\/strong> wrote verse the world still memorizes.<\/p><p>Observatories, hospitals, tileworkers and papermakers made cities like Nishapur, Rey and Herat capitals of knowledge \u2014 the era behind half of this page's wonders.<\/p>\"\n},\nstep7: {\n era: \"1501 \u2013 1736 CE\", title: \"Safavids: Isfahan, Half the World\", icon: \"arch\",\n text: \"<p><strong>Shah Abbas made Isfahan his capital<\/strong> and the saying was born: Esfahan nesf-e jahan \u2014 Isfahan is half the world. Naqsh-e Jahan Square, the Shah and Sheikh Lotfollah mosques, Chehel Sotoun palace and the great bridges rose in one dazzling century of turquoise tile and garden avenues.<\/p><p>Safavid carpets, silks and miniatures set standards still copied today \u2014 and the bazaar, teahouse and polo-field culture of the square survives around you when you visit.<\/p>\"\n},\nstep8: {\n era: \"1925 \u2013 Today\", title: \"Modern Iran: Heritage Alive\", icon: \"globe\",\n text: \"<p>Today's Iran guards its past while living firmly in the present: <strong>28 UNESCO sites<\/strong> and counting, world-class museums, a celebrated film industry, contemporary galleries, and craftsmen still knotting, glazing and inlaying by ancient methods in working bazaars.<\/p><p>Heritage here is not roped off \u2014 it is prayed in, picnicked in, married in and memorized. Come and step inside it.<\/p>\"\n},\n\ncarpets: {\n era: \"Textile Art\", title: \"Persian Carpets: Gardens You Can Walk On\", icon: \"layers\",\n text: \"<p><strong>A Persian carpet is a garden, a map and a signature at once.<\/strong> With roots over 2,500 years deep \u2014 the frozen Pazyryk carpet, likely Persian, dates to the fifth century BCE \u2014 each region weaves its identity: Tabriz medallions, Kashan florals, Qom silks, Heriz geometrics, and the tribal spontaneity of Qashqai and Bakhtiari nomads.<\/p><p>Learn the language: <strong>knot density, symmetrical versus asymmetrical knots, natural versus chrome dyes<\/strong>, warp and weft, abrash colour variation. A fine carpet can hold a million knots and a year of a weaver's life; its imperfections are often where its soul lives.<\/p><p>Buy where weaving lives \u2014 bazaar dealers, village cooperatives, city galleries \u2014 compare several pieces in daylight, ask about materials, age and washing, and always get a written receipt. A good carpet outlives its buyer and becomes the family's memory in wool and silk.<\/p>\"\n},\narchitecture: {\n era: \"Built Heritage\", title: \"Domes, Windcatchers & Paradise Gardens\", icon: \"arch\",\n text: \"<p><strong>Iranian architecture solves desert, faith and beauty in a single gesture.<\/strong> The four-iwan courtyard, the soaring dome on squinches, the badgir windcatcher towers that cool Yazd without electricity, and the qanat underground canals that watered cities for millennia \u2014 engineering as elegant as the tilework it carries.<\/p><p>Nine <strong>Persian Gardens<\/strong> form a UNESCO listing of the paradise ideal: enclosed, quadripartite, water-channelled Edens like Eram in Shiraz and Fin in Kashan. In mosques, <strong>mosaic faience and seven-colour tile<\/strong> turn walls into mathematics made luminous \u2014 stand beneath the Sheikh Lotfollah dome as light circles its arabesques and you will understand.<\/p><p>Walk the Si-o-Seh Pol bridge at sunset, descend a Yazd \u0622\u0628\u200c\u0627\u0646\u0628\u0627\u0631 (water reservoir), climb a windcatcher roof at dusk: Iranian architecture is meant to be inhabited, not merely admired.<\/p>\"\n},\nminiature: {\n era: \"Book Arts\", title: \"Miniature Painting & Calligraphy\", icon: \"pen\",\n text: \"<p><strong>Persian miniatures compress epics into palm-sized worlds<\/strong> \u2014 flattened perspective, lapis skies, gold-illuminated margins \u2014 illustrating the Shahnameh and the romances of Nizami for royal libraries in Herat, Tabriz and Isfahan. Masters like <strong>Behzad<\/strong> set standards that shaped Ottoman and Mughal painting alike.<\/p><p>Beside image stands word: <strong>calligraphy is Islam's highest visual art<\/strong>, and Iran's Nastaliq script \u2014 cascading, lyrical, perfected for Persian poetry \u2014 is considered among the most beautiful writing systems on Earth. Great calligraphers signed their panels like painters sign canvases.<\/p><p>See originals in Tehran's Golestan Palace manuscripts and the Reza Abbasi Museum, watch living masters in Isfahan's workshops, and try a beginner's reed-pen (qalam) lesson \u2014 one hour teaches more respect than a hundred photographs.<\/p>\"\n},\ncrafts: {\n era: \"Workshops\", title: \"Handicrafts of the Bazaar\", icon: \"tools\",\n text: \"<p><strong>The bazaar is a living factory of beauty.<\/strong> Coppersmiths hammering trays in Isfahan's Qeysariyeh, potters glazing turquoise in Lalejin, khatam marquetry artists inlaying thousands of bone-and-wood stars into a single box, carpet restorers re-knotting history thread by thread, and Qalamkar printers stamping cloth with carved blocks.<\/p><p>Each craft has a capital: <strong>turquoise and inlay in Isfahan, pottery in Lalejin and Meybod, glass in Tehran, wood in Golestan, jewellery in the old gold bazaars<\/strong>. Workshops welcome watchers \u2014 stand, admire, ask; buying tea for the master is remembered longer than bargaining hard.<\/p><p>Choose handmade over machine copies by weight, finish and irregularity; ask what each motif means; and carry pieces home yourself or use the dealer's insured shipping. The story of the making doubles the value of the object.<\/p>\"\n},\nmusic: {\n era: \"Sound\", title: \"Music: The Dastgah & Its Instruments\", icon: \"music\",\n text: \"<p><strong>Persian classical music is a modal universe.<\/strong> Twelve dastgahs and avazes \u2014 each a mood, hour and emotional world \u2014 guide improvisation on the tar and setar lutes, the santur hammered dulcimer, kamancheh spike fiddle, ney reed flute and the frame-drum daf of Sufi ceremony. A master improviser never plays a piece the same way twice.<\/p><p>Beyond the classical canon live <strong>Kurdish, Azeri, Baluchi, Lori and Bandari folk traditions<\/strong> \u2014 wedding dances, epic bards, pearl-diver songs of the Gulf \u2014 and a young contemporary scene reworking it all. Concert halls in Tehran, Shiraz and Isfahan program regularly; festival seasons and shrine-city rituals offer deeper encounters.<\/p><p>Listen first with locals who can name the dastgah as it shifts; attend a live concert rather than only recordings; and if invited to a hittar-style gathering with singing, stay \u2014 <strong>these nights are the conservatory of the heart<\/strong>.<\/p>\"\n},\ncuisine: {\n era: \"Taste\", title: \"Cuisine & the Art of Hospitality\", icon: \"bowl\",\n text: \"<p><strong>Persian cuisine balances sweet, sour, fragrant and crisp in every meal.<\/strong> Saffron rice crowned with tahdig, ghormeh sabzi simmered for hours, fesenjan of walnut and pomegranate, charcoal kebabs, ash soups, torshi pickles and pastries soaked in rose water \u2014 a Silk Road pantry refined over millennia.<\/p><p>Food is inseparable from <strong>mehman-navazi, hospitality as moral art<\/strong>: the guest eats first and best, refusal is ritual (taarof), and the table \u2014 sofreh \u2014 spreads wide enough for surprise visitors. Tea in small glasses punctuates everything; the samovar is the household hearth.<\/p><p>Eat seasonally as Iranians do \u2014 mulberries in June, pomegranates in Yalda \u2014 accept second helpings graciously, learn to love sour flavours (dried lime, barberry, verjuice), and take a cooking lesson: <strong>one afternoon making tahdig teaches more than ten restaurant meals<\/strong>.<\/p>\"\n},\nfestivals: {\n era: \"Calendar\", title: \"Nowruz, Yalda & the Ritual Year\", icon: \"calendar\",\n text: \"<p><strong>Nowruz, the Persian New Year at the spring equinox, is humanity's oldest continuously celebrated new year<\/strong> \u2014 three thousand years and UNESCO-recognized. Weeks of spring cleaning (khaneh-tekani), the seven-item haft-seen table, thirteen days of visits and the closing outdoor picnics of Sizdah Bedar: plan any spring visit around it and accept every invitation.<\/p><p><strong>Yalda, the winter-solstice longest night<\/strong>, keeps families awake past midnight with pomegranates, watermelon and fal-e Hafez verse-divination \u2014 light defeating darkness, celebrated with fruit and poetry. Chaharshanbe Suri fire-jumping, Muharram's solemn processions and ta'zieh passion plays, and Ramadan's dawn-to-dusk rhythm complete a year in which <strong>every season has its ritual<\/strong>.<\/p><p>Join respectfully: dress modestly, follow hosts' cues, bring sweets, and never photograph mourning ceremonies intrusively. Participation offered sincerely is almost always welcomed \u2014 <strong>festivals here include strangers by design<\/strong>.<\/p>\"\n},\nmyths: {\n era: \"Epic\", title: \"Myths, Heroes & the Shahnameh\", icon: \"scroll\",\n text: \"<p><strong>Every Iranian grows up inside one book: the Shahnameh.<\/strong> Ferdowsi's Book of Kings \u2014 nearly 60,000 couplets, thirty years of labour around 1000 CE \u2014 retells Persia from creation to the Arab conquest through heroes and tragedies: Rostam's seven labours, the heartbreak of Rostam and Sohrab, the doomed love of Bijan and Manijeh, the wisdom of kings and the treachery of courts.<\/p><p>The epic did more than entertain: <strong>it saved the Persian language<\/strong>, deliberately minimizing Arabic loanwords at the moment of greatest pressure, and gave a conquered people an unconquerable memory. Its characters name children, streets, sports clubs and brands across the Persian-speaking world; zurkhaneh strongmen still swing clubs to its verses.<\/p><p>Meet the epic where it lives: the Shahnameh manuscript galleries, zurkhaneh performances, naqqali storytelling in teahouses \u2014 and the <strong>magnificent tomb of Ferdowsi in Tus<\/strong>, pilgrimage site of the Persian word itself.<\/p>\"\n},\n\nsites: {\n era: \"Wonders\", title: \"UNESCO Sites: Where to Go First\", icon: \"pin\",\n text: \"<p><strong>Twenty-eight UNESCO World Heritage Sites \u2014 and every one earns its place.<\/strong> Start with the immortals: <strong>Persepolis and Pasargadae<\/strong> (with Cyrus's tomb), <strong>Naqsh-e Jahan Square in Isfahan<\/strong>, the desert city of <strong>Yazd<\/strong>, the Golestan Palace of Tehran, and the nine Persian Gardens scattered across the country.<\/p><p>Then go deeper: Chogha Zanbil's ziggurat, Takht-e Soleyman's crater lake sanctuary, the Bam citadel risen from earthquake ruins, Susa's layered mounds, the Hyrcanian forests' green cathedrals, the Persian Qanats, the Lut Desert's kalut sculptures, and Hegmataneh\/Ecbatana's Median-Hellenistic layers.<\/p><p>Travel tips: <strong>spring and autumn are golden seasons<\/strong>, desert sites demand dawn starts, and a knowledgeable local guide multiplies every ruin tenfold \u2014 stones speak Persian first. Check seasonal access and ticket rules before long drives.<\/p>\"\n},\nmuseums: {\n era: \"Collections\", title: \"Museums & Galleries Worth Hours\", icon: \"bank\",\n text: \"<p><strong>Tehran's museums alone justify the journey.<\/strong> The National Museum's 7,000-year sweep, the Glassware and Ceramics Museum's luminous cases, the Carpet Museum's hanging gardens of wool, the Reza Abbasi Museum's miniatures and calligraphy, the Treasury of National Jewels' blinding Darya-ye Noor diamond \u2014 and the Golestan Palace's mirror halls next door.<\/p><p>Contemporary Iran hangs in the <strong>Tehran Museum of Contemporary Art<\/strong> (a world-class Western and Iranian collection in remarkable architecture) and Isfahan and Shiraz galleries; holy Mashhad and Qom hold shrine museums of votive splendour; and every provincial capital keeps its hammam-turned-museum, house-museum or anthropology collection.<\/p><p>Go on weekday mornings, allow longer than planned for the Jewels and Golestan, confirm photography rules at each door, and <strong>pair every museum with its bazaar<\/strong> \u2014 objects then workshops, then tea. That is the correct order.<\/p>\"\n},\nvisitors: {\n era: \"Respect\", title: \"Etiquette: Behave Beautifully\", icon: \"heart\",\n text: \"<p><strong>Respect opens every door in Iran.<\/strong> Dress modestly in public per local custom; remove shoes where others do (mosques, homes, some shrines); ask before photographing people, especially women and worshippers; and during Muharram and Ramadan, keep public behaviour extra-considerate \u2014 many hosts will still press food and kindness on you.<\/p><p>In mosques and shrines, <strong>follow the signs and custodians<\/strong>: some chambers have separate entries, chadors are lent at shrine doors, silence your phone, and never walk in front of someone praying. In homes, bring sweets or flowers, compliment the house, accept tea and second helpings \u2014 refusal beyond ritual politeness genuinely disappoints.<\/p><p>Bargain with humour, tip modestly for real service, learn ten Persian phrases, and <strong>receive hospitality as the honour it is<\/strong>: thank the host to others afterwards. Good manners here are remembered for years \u2014 on both sides.<\/p>\"\n},\nsouvenirs: {\n era: \"Keepsakes\", title: \"Souvenirs Worth Carrying Home\", icon: \"bag\",\n text: \"<p><strong>Buy what Iran makes best and the world cannot copy.<\/strong> Saffron from Khorasan (check colour, aroma and sealed packaging), pistachios, gaz nougat and sohan brittle; a small kilim or carpet for the serious; turquoise, khatam boxes, miniature paintings, calligraphy panels, copper and enamel (minakari) work; rose water, barberries and dried limes for cooks.<\/p><p>Shop with method: <strong>compare three stalls, inspect in daylight, ask about materials and origin<\/strong>, and prefer artisan quarters and cooperatives for authenticity. Get written receipts for valuables, confirm export and customs rules for antiques (genuine antiquities cannot leave), and use insured shipping for carpets and fragile pieces.<\/p><p>And carry one intangible souvenir above all: <strong>a memorized verse of Hafez<\/strong> \u2014 weightless, priceless, and guaranteed through every customs check.<\/p>\"\n}\n\n};\n\n\/* ================= MODAL LOGIC ================= *\/\n(function(){\n var modal = document.getElementById('modal');\n var mEra = document.getElementById('mEra');\n var mTitle = document.getElementById('mTitle');\n var mText = document.getElementById('mText');\n var mVisual = document.getElementById('modalVisual');\n var closeBtn = document.getElementById('modalClose');\n var lastFocus = null;\n\n function openPopup(key, opener){\n var data = contentData[key];\n if(!data) return;\n lastFocus = opener || document.activeElement;\n mEra.textContent = data.era || '';\n mTitle.textContent = data.title || '';\n mText.innerHTML = data.text || '';\n mVisual.innerHTML = ICONS[data.icon] || ICONS.globe;\n modal.classList.add('show');\n modal.setAttribute('aria-hidden','false');\n document.body.style.overflow = 'hidden';\n var body = modal.querySelector('.modal-body');\n if(body) body.scrollTop = 0;\n closeBtn.focus();\n }\n function closePopup(){\n modal.classList.remove('show');\n modal.setAttribute('aria-hidden','true');\n document.body.style.overflow = '';\n if(lastFocus && lastFocus.focus) lastFocus.focus();\n }\n\n document.addEventListener('click', function(e){\n var t = e.target.closest('[data-popup]');\n if(t){ openPopup(t.getAttribute('data-popup'), t); return; }\n if(e.target === modal){ closePopup(); }\n });\n document.addEventListener('keydown', function(e){\n if(e.key === 'Escape' && modal.classList.contains('show')) closePopup();\n if((e.key === 'Enter' || e.key === ' ') && e.target && e.target.hasAttribute && e.target.hasAttribute('data-popup')){\n e.preventDefault();\n openPopup(e.target.getAttribute('data-popup'), e.target);\n }\n });\n closeBtn.addEventListener('click', closePopup);\n})();\n\n\/* ================= SCROLL REVEAL ================= *\/\n(function(){\n var els = document.querySelectorAll('.reveal');\n if(!('IntersectionObserver' in window)){\n els.forEach(function(el){ el.classList.add('in-view'); });\n return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(en){\n if(en.isIntersecting){ en.target.classList.add('in-view'); io.unobserve(en.target); }\n });\n }, {threshold: 0.12});\n els.forEach(function(el){ io.observe(el); });\n})();\n\n\/* ================= CUSTOM AUDIO PLAYER ================= *\/\n(function(){\n var pulseBtn = document.getElementById('pulseBtn');\n var playerCard = document.getElementById('playerCard');\n var audio = document.getElementById('voiceAudio');\n var playBtn = document.getElementById('playBtn');\n var seekBar = document.getElementById('seekBar');\n var volBar = document.getElementById('volBar');\n var rateBtn = document.getElementById('rateBtn');\n var curTime = document.getElementById('curTime');\n var durTime = document.getElementById('durTime');\n var errBox = document.getElementById('audioError');\n var filePick = document.getElementById('filePick');\n var urlLabel = document.getElementById('audioUrlLabel');\n var rates = [1, 1.25, 1.5, 2];\n var rateIdx = 0;\n\n urlLabel.textContent = AUDIO_SRC;\n audio.src = AUDIO_SRC;\n audio.volume = 0.9;\n\n function fmt(s){\n if(!isFinite(s) || s < 0) return '--:--';\n s = Math.floor(s);\n var m = Math.floor(s \/ 60), r = s % 60;\n return m + ':' + (r < 10 ? '0' : '') + r;\n }\n function setPlayingUI(playing){\n playBtn.innerHTML = playing ? '❚❚' : '▶';\n playBtn.setAttribute('aria-label', playing ? 'Pause audio' : 'Play audio');\n }\n\n pulseBtn.addEventListener('click', function(){\n var isHidden = playerCard.hasAttribute('hidden');\n if(isHidden){\n playerCard.removeAttribute('hidden');\n pulseBtn.setAttribute('aria-expanded','true');\n playerCard.scrollIntoView({behavior:'smooth', block:'nearest'});\n } else {\n playerCard.setAttribute('hidden','');\n pulseBtn.setAttribute('aria-expanded','false');\n audio.pause();\n setPlayingUI(false);\n }\n });\n\n playBtn.addEventListener('click', function(){\n errBox.style.display = 'none';\n if(audio.paused){\n var p = audio.play();\n if(p && p.catch){ p.catch(function(){ errBox.style.display = 'block'; setPlayingUI(false); }); }\n } else {\n audio.pause();\n }\n });\n audio.addEventListener('play', function(){ setPlayingUI(true); });\n audio.addEventListener('pause', function(){ setPlayingUI(false); });\n audio.addEventListener('loadedmetadata', function(){ durTime.textContent = fmt(audio.duration); });\n audio.addEventListener('durationchange', function(){ durTime.textContent = fmt(audio.duration); });\n audio.addEventListener('timeupdate', function(){\n curTime.textContent = fmt(audio.currentTime);\n if(audio.duration && isFinite(audio.duration)){\n seekBar.value = (audio.currentTime \/ audio.duration) * 100;\n }\n });\n audio.addEventListener('ended', function(){ setPlayingUI(false); seekBar.value = 0; });\n audio.addEventListener('error', function(){\n if(audio.getAttribute('src')){ errBox.style.display = 'block'; }\n durTime.textContent = '--:--';\n });\n seekBar.addEventListener('input', function(){\n if(audio.duration && isFinite(audio.duration)){\n audio.currentTime = (parseFloat(seekBar.value) \/ 100) * audio.duration;\n }\n });\n volBar.addEventListener('input', function(){ audio.volume = parseFloat(volBar.value); });\n rateBtn.addEventListener('click', function(){\n rateIdx = (rateIdx + 1) % rates.length;\n audio.playbackRate = rates[rateIdx];\n rateBtn.textContent = 'Speed: ' + rates[rateIdx] + 'x';\n });\n filePick.addEventListener('change', function(){\n if(filePick.files && filePick.files[0]){\n var url = URL.createObjectURL(filePick.files[0]);\n audio.src = url;\n errBox.style.display = 'none';\n urlLabel.textContent = filePick.files[0].name + ' (loaded from this device for testing)';\n audio.play().catch(function(){});\n }\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Culture & Heritage of Iran | Empires, Arts & Living Traditions Empires \u00b7 Arts \u00b7 Traditions History \u00b7 Art \u00b7 Poetry \u00b7 Crafts \u00b7 Festivals Culture & Heritage of Iran Seven thousand years of civilization \u2014 empires, poets, tilework and living rituals \u2014 still present in the streets, tables and celebrations of Iran today. Plan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"lang":"en","translations":{"en":165,"fa":456,"ar":595},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":4,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/165\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}