@font-face{font-family:Rakkas;src:url(/fonts/Rakkas.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--bg:#FBF7EE;--page:#1C8C9E;--surface:#EAF5F4;--card:#fff;--text:#12303A;--muted:#5B7780;--line:rgba(18,48,58,.12);--on-accent:#fff;--title:Rakkas,Vazirmatn;--chip-bg:rgba(28,140,158,.12);--nav-bg:rgba(251,247,238,.95);--r:14px;--sheet:#FBF7EE}
html{background:#1C8C9E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 38 20 20 38 2 20z' fill='none' stroke='%23F2D27A' stroke-width='1.5' opacity='.5'/%3E%3Ccircle cx='20' cy='20' r='5' fill='%23F2D27A' opacity='.45'/%3E%3C/svg%3E") 0 0/40px 40px}
.t-isfahan .hero:not(.has-cover):not(.has-video){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4 36 20 20 36 4 20z M20 12 28 20 20 28 12 20z' fill='none' stroke='%23F2D27A' stroke-width='.8' opacity='.1'/%3E%3C/svg%3E") 0 0/40px 40px,radial-gradient(70% 45% at 50% 100%,rgba(255,214,140,.45),transparent 70%),linear-gradient(#0B2A45,#12557A 45%,#1C8C9E 75%,#E9CF9C)}
/* Naqsh-e Jahan at dusk along the bottom of the hero: Sheikh Lotfollah's cream dome, the Imam mosque's blue dome and minarets
   with light gliding over it, Ali Qapu, the two-storey arcade glowing, the fountain and pigeons */
.t-isfahan .hero:not(.has-video){padding-bottom:0}
.t-isfahan .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(150px,44vw,200px);margin:14px -20px 0;background:url(/img/themes/isfahan-naqshejahan.svg) center bottom/100% 100% no-repeat}
.t-isfahan .hero-in{z-index:1}
.t-isfahan .hero .deco{display:none!important}
.t-isfahan .hero h1{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:clamp(40px,12vw,58px);color:#FCE7A8;word-spacing:.15em;text-shadow:0 2px 0 #0E4C66}
.t-isfahan .logo{border-color:#F2D27A;box-shadow:0 0 0 4px #0E4C66}
.t-isfahan .cats a{border-color:#CFE6E6;color:#12303A}
.t-isfahan .cat h2{font-family:Rakkas,Vazirmatn;font-weight:400;color:#0E5468;font-size:28px;text-align:center;word-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:12px}
.t-isfahan .cat h2::before,.t-isfahan .cat h2::after{content:'';flex:0 1 56px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 12'%3E%3Cpath d='M0 6h40' stroke='%23C99A3A' stroke-width='1.2'/%3E%3Cpath d='M44 6l4-4 4 4-4 4z' fill='%231C8C9E'/%3E%3C/svg%3E") center/contain no-repeat}
.t-isfahan .cat h2::before{transform:scaleX(-1)}
.t-isfahan .l-arch .item{background:#fff;border-radius:120px 120px 16px 16px;padding:10px 10px 14px;border:1.5px solid #E2C690;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px rgba(28,140,158,.25),0 10px 22px -14px rgba(14,76,102,.45)}
.t-isfahan .l-arch .ph{border-radius:110px 110px 10px 10px}
.t-isfahan .price{color:#C8541F}
.t-isfahan .bdg{background:#0E4C66;color:#FCE7A8}
.t-isfahan .sp{border-radius:80px 80px 14px 14px;border:2px solid #CFE6E6}
.t-isfahan .hero h1{text-shadow:0 2px 0 #0E4C66,0 0 22px rgba(242,210,122,.35)}
.t-isfahan .hero .tag{color:#E6F2F0}
.t-isfahan .logo{box-shadow:0 0 0 4px rgba(14,76,102,.8),0 0 0 6px #F2D27A}

/* moving backdrop */
.t-isfahan::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:50%;left:50%;width:min(170vw,1100px);aspect-ratio:1;margin:calc(min(170vw,1100px) / -2) 0 0 calc(min(170vw,1100px) / -2);background:url(/img/themes/bg-shamseh-teal.svg) center/contain no-repeat;opacity:0.09;animation:rose 300s linear infinite}@keyframes rose{to{transform:rotate(360deg)}}
/* Si-o-se Pol over the Zayandeh Rud along the bottom of the screen, its arches lit and their light shimmering in the river */
.t-isfahan::after{content:'';position:fixed;z-index:-1;pointer-events:none;bottom:0;height:120px;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/isfahan-siosepol.svg) center bottom/auto 120px repeat-x;opacity:.92}
@media (prefers-reduced-motion:reduce){.t-isfahan::before{animation:none}}

/* the same motion inside the hero, behind the name */
.t-isfahan .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;top:50%;left:50%;width:640px;height:640px;margin:-320px 0 0 -320px;background:url(/img/themes/bg-shamseh-teal.svg) center/contain no-repeat;opacity:0.11;animation:rose 300s linear infinite}
@media (prefers-reduced-motion:reduce){.t-isfahan .hero::before{animation:none}}