/* «The plan» — design پ «برگ تدوین» (plan-reel.php). Light amber; the light rays live only in the background layer. */
.grn-planreel{background:#140700}
.grn-pr{--pr-ink:#2a1505;--pr-ink2:#5a3712;--pr-ink3:#62400f;--pr-mark:#7a3a0c;--pr-film:#3a2210;
 position:relative;isolation:isolate;overflow:hidden;color:var(--pr-ink);
 background:linear-gradient(160deg,#FBE6BF 0%,#F4CF92 46%,#EBB46A 100%);
 display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:18px clamp(18px,2.6vw,34px);align-items:start;
 padding:clamp(28px,5vh,56px) max(16px,calc((100% - 1240px)/2)) clamp(28px,5vh,52px);
 font-family:var(--ui,Inter,sans-serif)}
.grn-pr *{box-sizing:border-box}
.grn-pr-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.grn-pr-bg::before{content:"";position:absolute;inset:-40% -30%;filter:blur(16px);
 background:
 linear-gradient(118deg,transparent 18%,rgba(255,250,232,.55) 22%,transparent 27%),
 linear-gradient(118deg,transparent 31%,rgba(255,244,214,.38) 34%,transparent 38%),
 linear-gradient(118deg,transparent 43%,rgba(255,252,240,.6) 46.5%,transparent 50%),
 linear-gradient(118deg,transparent 56%,rgba(255,240,205,.3) 59%,transparent 63%),
 linear-gradient(118deg,transparent 68%,rgba(255,248,226,.45) 71%,transparent 75%);
 animation:grnPrDrift 28s ease-in-out infinite alternate}
.grn-pr-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 12% 0%,rgba(255,252,238,.55),transparent 70%),radial-gradient(60% 50% at 100% 100%,rgba(196,110,30,.22),transparent 70%)}
.grn-pr[dir=rtl] .grn-pr-bg{transform:scaleX(-1)}
@keyframes grnPrDrift{from{transform:translateX(-3%)}to{transform:translateX(3%)}}

.grn-pr-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap}
.grn-pr-tt{display:grid;gap:6px;max-width:62ch;min-width:0}
.grn-pr .grn-pr-k{margin:0;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--pr-ink3)}
.grn-pr[dir=rtl] .grn-pr-k{letter-spacing:.02em;font-size:13px;text-transform:none}
.grn-pr h2{margin:0;font-family:var(--grn-display,"Cormorant Garamond",Georgia,serif);font-weight:600;font-size:clamp(26px,2.8vw,40px);line-height:1.12;color:var(--pr-ink)!important;text-wrap:balance}
.grn-pr[dir=rtl] h2{font-family:inherit;font-weight:700;line-height:1.45;font-size:clamp(22px,2.3vw,32px)}
.grn-pr .grn-pr-intro{margin:0;color:#4a2c0e;font-size:15px;line-height:1.7;max-width:60ch}
.grn-pr-cta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.grn-pr-btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none!important;transition:background .2s}
.grn-pr-btn svg{width:15px;height:15px}
.grn-pr-btn.is-p{background:var(--pr-ink);color:#FFF1DA!important}.grn-pr-btn.is-p:hover{background:#4a260a}
.grn-pr-btn.is-s{border:1px solid rgba(42,21,5,.45);color:var(--pr-ink)!important}.grn-pr-btn.is-s:hover{background:rgba(255,255,255,.3)}
.grn-pr-file{font-size:12.5px;color:var(--pr-ink2)}

.grn-pr-main{min-width:0}
.grn-pr-scr{position:relative;aspect-ratio:16/9;max-height:56vh;width:100%;overflow:hidden;background:#2a1a0c;border-radius:12px;box-shadow:0 18px 40px -18px rgba(70,30,0,.55);touch-action:pan-y}
.grn-pr-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}
.grn-pr-scr img.is-out{opacity:0}
.grn-pr-open{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:none;cursor:zoom-in;border-radius:0}
.grn-pr-open:focus-visible{outline:3px solid var(--pr-ink);outline-offset:-6px}
.grn-pr-zoom{position:absolute;bottom:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,246,228,.93);color:var(--pr-ink);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;line-height:1.2;pointer-events:none}
.grn-pr-zoom svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.grn-pr-sub{margin-top:14px;text-align:center}
.grn-pr-say{display:grid;gap:4px;justify-items:center;transition:opacity .3s}
.grn-pr-say.is-out{opacity:0}
.grn-pr-tc{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--pr-ink3);font-variant-numeric:tabular-nums}
.grn-pr[dir=rtl] .grn-pr-tc{letter-spacing:.02em;font-size:13px}
.grn-pr h3{margin:0;font-family:var(--grn-display,"Cormorant Garamond",Georgia,serif);font-weight:600;font-size:clamp(24px,2.4vw,34px);line-height:1.12;color:var(--pr-ink)!important}
.grn-pr[dir=rtl] h3{font-family:inherit;font-weight:700;line-height:1.45;font-size:clamp(21px,2vw,28px)}
.grn-pr-say p{margin:0;color:#4a2c0e;font-size:15px;line-height:1.7;max-width:62ch}

.grn-pr-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:14px;background:rgba(255,248,232,.55);border:1px solid rgba(122,82,38,.25);border-radius:10px}
.grn-pr-lbl{display:grid;gap:4px;min-width:0}
.grn-pr-no{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--pr-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.grn-pr[dir=rtl] .grn-pr-no{letter-spacing:0;font-size:12px}
.grn-pr-th{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;margin:0;background:#000;border-radius:3px;overflow:hidden;cursor:pointer}
.grn-pr-th img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.6) brightness(.74);transition:filter .3s}
.grn-pr-th:hover img{filter:saturate(.9) brightness(.92)}
.grn-pr-th[aria-selected=true] img{filter:none}
.grn-pr-th[aria-selected=true]{outline:2px solid var(--pr-mark);outline-offset:2px}
.grn-pr-th:focus-visible{outline:3px solid var(--pr-ink);outline-offset:3px}
.grn-pr .grn-pr-credit{grid-column:1/-1;margin:0;font-size:11.5px;color:var(--pr-ink2)}

/* the photo viewer */
html.grn-pr-lock{overflow:hidden}
.grn-pr-lb,.grn-pr-lb *{box-sizing:border-box}
.grn-pr-lb{border:0;padding:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;background:#0e0702;color:#FFF3E0}
.grn-pr-lb::backdrop{background:rgba(14,7,2,.7)}
.grn-pr-lb-in{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.grn-pr-lb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 10px}
.grn-pr-lb-cnt{font-size:13px;color:#E9D4B8;font-variant-numeric:tabular-nums}
.grn-pr-lb button{display:grid;place-items:center;color:#FFF3E0;cursor:pointer;padding:0;margin:0}
.grn-pr-lb-x{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,243,224,.35);background:transparent}
.grn-pr-lb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.grn-pr-lb-pic{position:relative;display:grid;place-items:center;min-height:0;touch-action:pan-y}
.grn-pr-lb-pic img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.grn-pr-lb-pv,.grn-pr-lb-nx{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,243,224,.16)}
.grn-pr-lb-pv:hover,.grn-pr-lb-nx:hover{background:rgba(255,243,224,.3)}
.grn-pr-lb-pv{inset-inline-start:6px}.grn-pr-lb-nx{inset-inline-end:6px}
.grn-pr-lb[dir=rtl] .grn-pr-lb-pv svg,.grn-pr-lb[dir=rtl] .grn-pr-lb-nx svg{transform:scaleX(-1)}
.grn-pr-lb-cap{padding:12px 8px 4px;text-align:center;display:grid;gap:2px}
.grn-pr-lb-cap b{font-size:15px;font-weight:600}
.grn-pr-lb-cap span{font-size:13px;color:#E9D4B8}
.grn-pr-lb :focus-visible{outline:2px solid #FFC468;outline-offset:3px}

@media (max-width:760px){
 .grn-pr{grid-template-columns:1fr;padding:26px 16px 24px;gap:14px}
 .grn-pr h2{font-size:24px}.grn-pr[dir=rtl] h2{font-size:21px}
 .grn-pr .grn-pr-intro{font-size:14px;line-height:1.6}
 .grn-pr-head .grn-pr-cta{display:none}
 .grn-pr-scr{aspect-ratio:1/1;max-height:none}
 .grn-pr-sub{margin-top:10px}
 .grn-pr-say p{font-size:14px;line-height:1.6}
 .grn-pr-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}
 .grn-pr-no{display:none}
 .grn-pr-th{aspect-ratio:1/1}
 .grn-pr-foot-cta{display:flex}
 .grn-pr-lb-pv,.grn-pr-lb-nx{top:auto;bottom:-8px;transform:translateY(100%);width:44px;height:44px}
 .grn-pr-lb-cap{padding-inline:56px}
}
@media (min-width:761px){.grn-pr-foot-cta{display:none!important}}
@media (prefers-reduced-motion:reduce){.grn-pr-bg::before{animation:none}.grn-pr *,.grn-pr *::before{transition:none!important}}
/* the site's theme styles every <button> (dark pill, padding): undo that inside this section and its viewer */
.grn-pr button,.grn-pr-lb button{box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-height:0!important;font-size:inherit!important;line-height:1!important}
.grn-pr .grn-pr-open,.grn-pr .grn-pr-open:hover,.grn-pr .grn-pr-open:focus{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;width:100%!important;height:100%!important;color:inherit!important}
.grn-pr .grn-pr-th,.grn-pr .grn-pr-th:hover,.grn-pr .grn-pr-th:focus{background:#000!important;border:0!important;border-radius:3px!important;padding:0!important;width:100%!important;color:inherit!important}
.grn-pr-lb .grn-pr-lb-x,.grn-pr-lb .grn-pr-lb-x:hover{width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,243,224,.35)!important;background:transparent!important;color:#FFF3E0!important}
.grn-pr-lb .grn-pr-lb-pv,.grn-pr-lb .grn-pr-lb-nx{width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(255,243,224,.16)!important;color:#FFF3E0!important}
.grn-pr-lb .grn-pr-lb-pv:hover,.grn-pr-lb .grn-pr-lb-nx:hover{background:rgba(255,243,224,.3)!important}
@media (max-width:760px){.grn-pr-lb .grn-pr-lb-pv,.grn-pr-lb .grn-pr-lb-nx{width:44px!important;height:44px!important}}
.grn-pr .grn-pr-say[hidden]{display:none!important}
.grn-pr a.grn-pr-btn{font-family:inherit}

/* 10 Nov 2026 (owner, option ب): the site's own dark band instead of the light amber */
/* «The plan» design پ — three backgrounds taken from the site's own sections (grn.site tokens:
   cream #FAF7F2, paper #F3ECE1, ink #140700, gold #C9A26B, gold-ink #8A6A35, line #E2D7C6). Shared parts first. */
.grn-pr[data-bg] .grn-pr-bg{display:none}
.grn-pr[data-bg]{--pr-gold:#C9A26B;--pr-goldink:#8A6A35;--pr-line:#E2D7C6}
.grn-pr[data-bg] .grn-pr-k{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.18em;font-weight:500}
.grn-pr[data-bg] .grn-pr-k::before{content:"";width:28px;height:1px;background:var(--pr-gold);flex:none}
.grn-pr[data-bg][dir=rtl] .grn-pr-k{letter-spacing:0;font-size:14px}
.grn-pr[data-bg] h2{font-family:var(--grn-display,"Cormorant Garamond",Georgia,serif);font-weight:500;font-size:clamp(28px,2.8vw,44px);line-height:1.08}
.grn-pr[data-bg][dir=rtl] h2{font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.5}
.grn-pr[data-bg] h3{font-weight:500;font-size:clamp(26px,2.6vw,38px)}
.grn-pr[data-bg][dir=rtl] h3{font-weight:700;font-size:clamp(21px,2vw,28px)}
.grn-pr[data-bg] .grn-pr-btn{height:48px;padding:0 26px;font-size:15px}
.grn-pr[data-bg] .grn-pr-btn.is-p{background:var(--pr-gold);color:#140700!important}
.grn-pr[data-bg] .grn-pr-btn.is-p:hover{background:#D9B884}
.grn-pr[data-bg] .grn-pr-scr{border-radius:6px}
.grn-pr[data-bg] .grn-pr-th{border-radius:2px!important}
.grn-pr[data-bg] .grn-pr-th img{filter:saturate(.75) brightness(.9)}
.grn-pr[data-bg] .grn-pr-th[aria-selected=true] img{filter:none}
.grn-pr[data-bg] .grn-pr-th[aria-selected=true]{outline:2px solid var(--pr-gold);outline-offset:3px}
.grn-pr[data-bg] .grn-pr-tc{letter-spacing:.18em}
.grn-pr[data-bg][dir=rtl] .grn-pr-tc{letter-spacing:0}
/* the viewer: the site's ink with gold details, same for every option */
.grn-pr-lb{background:#140700!important}
.grn-pr-lb .grn-pr-lb-cnt{color:#C9A26B!important;letter-spacing:.12em}
.grn-pr-lb .grn-pr-lb-x{border-color:rgba(201,162,107,.6)!important}

/* (b) the site's dark ink band (like the opening journey and «Three arteries») */
.grn-pr[data-bg=ink]{background:#140700;color:#FAF7F2}
.grn-pr[data-bg=ink] .grn-pr-k,.grn-pr[data-bg=ink] .grn-pr-tc,.grn-pr[data-bg=ink] .grn-pr-no{color:var(--pr-gold)}
.grn-pr[data-bg=ink] h2,.grn-pr[data-bg=ink] h3{color:#FAF7F2!important}
.grn-pr[data-bg=ink] .grn-pr-intro,.grn-pr[data-bg=ink] .grn-pr-say p{color:#CDBFAC}
.grn-pr[data-bg=ink] .grn-pr-btn.is-s{border:1px solid rgba(250,247,242,.55);color:#FAF7F2!important;background:rgba(20,7,0,.25)}
.grn-pr[data-bg=ink] .grn-pr-btn.is-s:hover{background:rgba(250,247,242,.08)}
.grn-pr[data-bg=ink] .grn-pr-file,.grn-pr[data-bg=ink] .grn-pr-credit{color:#B9B2A8}
.grn-pr[data-bg=ink] .grn-pr-sheet{background:rgba(250,247,242,.04);border:1px solid rgba(201,162,107,.28);border-radius:4px}
.grn-pr[data-bg=ink] .grn-pr-scr{box-shadow:0 0 0 1px rgba(201,162,107,.25)}
.grn-pr[data-bg=ink] .grn-pr-zoom{background:rgba(20,7,0,.78);color:#FAF7F2;border:1px solid rgba(201,162,107,.5)}


@media (min-width:761px){.grn-pr[data-bg] .grn-pr-scr{max-height:50vh}.grn-pr[data-bg]{padding-top:clamp(26px,4.5vh,52px);padding-bottom:clamp(22px,4vh,44px)}}