.gd-letters{--ink:#211f1a;--cream:#efe5d2;--paper:#f7efdf;--red:#9f1717;--green:#315238;--muted:#766f61;position:relative;background:var(--cream);color:var(--ink);padding:58px 24px 100px;overflow:hidden;font-family:Georgia,"Times New Roman",serif}
.gd-letters:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:url("https://authorshahabkhan.com/wp-content/uploads/2026/08/Keffiyeh-.svg");background-repeat:repeat;background-size:430px auto;background-position:center top;mix-blend-mode:multiply}
.gd-letters:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(80,62,36,.18) .65px,transparent .75px);background-size:7px 7px}
.gd-letters-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto}
.gd-letters-header{display:none}
.gd-letters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.gd-letter-card{min-width:0}
.gd-postcard-inner{position:relative;min-height:375px;padding:28px 26px 24px;background:var(--paper);border:1px solid rgba(76,58,35,.28);box-shadow:0 10px 24px rgba(52,40,25,.11);overflow:hidden;display:flex;flex-direction:column;transform:rotate(0deg);transition:transform .25s ease,box-shadow .25s ease}
.gd-postcard-inner:after{content:"";position:absolute;inset:13px;border:1px dashed rgba(98,76,46,.22);pointer-events:none}
.gd-letter-card:nth-child(3n+1) .gd-postcard-inner{transform:rotate(-.45deg)}.gd-letter-card:nth-child(3n+2) .gd-postcard-inner{transform:rotate(.3deg)}.gd-letter-card:nth-child(3n) .gd-postcard-inner{transform:rotate(-.2deg)}
.gd-letter-card:hover .gd-postcard-inner{transform:translateY(-5px) rotate(0);box-shadow:0 16px 32px rgba(52,40,25,.16)}
.gd-postcard-topline{position:relative;z-index:2;display:flex;justify-content:space-between;font:700 8px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--green);margin-bottom:34px}
.gd-postcard-lines{color:var(--red);letter-spacing:.08em}
.gd-letter-stamp{position:absolute;top:27px;right:27px;width:62px;height:70px;border:1px solid rgba(159,23,23,.48);display:grid;place-items:center;background:rgba(159,23,23,.055);transform:rotate(2deg)}
.gd-letter-stamp:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(159,23,23,.36)}
.gd-letter-stamp span{position:relative;z-index:1;font-size:26px}
.gd-letter-preview{position:relative;z-index:2;padding-right:68px;font-size:17px;line-height:1.62;color:#302d27;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.gd-letter-signature{position:relative;z-index:2;margin-top:15px;font-size:16px;font-weight:700;color:#201e19}
.gd-letter-country{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:7px;font:600 12px/1.4 Arial,sans-serif;color:#5c574d}
.gd-letter-country:first-letter{font-size:17px}
.gd-letter-view{position:relative;z-index:2;margin-top:auto;align-self:flex-start;padding:12px 18px;background:var(--green)!important;border:1px solid var(--green)!important;color:#fff!important;font:700 9px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none!important;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}
.gd-letter-view span{font-size:14px;margin-left:9px;color:#fff!important}.gd-letter-view:hover,.gd-letter-view:focus-visible{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;transform:translateY(-2px)}
.gd-letter-view:focus,.gd-letter-view:focus-visible,.gd-letter-view:active{outline:2px solid rgba(159,23,23,.25)!important;outline-offset:3px;color:#fff!important;text-decoration:none!important}
.gd-letters-more-wrap{text-align:center;margin-top:46px}.gd-letters-more{padding:15px 28px;background:var(--red);border:1px solid var(--red);color:#fff;font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.gd-letters-more:hover,.gd-letters-more:focus-visible{background:#751111;border-color:#751111;transform:translateY(-2px)}.gd-letters-more.is-loading{opacity:.65;cursor:wait}
.gd-letters-note{text-align:center;margin-top:30px;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#5e665b}.gd-letters-note:before,.gd-letters-note:after{content:"";display:inline-block;width:30px;height:1px;background:var(--red);vertical-align:middle;margin:0 12px}
.gd-letters-empty{grid-column:1/-1;text-align:center;padding:50px;font-size:18px;color:var(--muted)}
.gd-letter-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px}.gd-letter-modal.is-open{display:flex}.gd-letter-modal-backdrop{position:absolute;inset:0;background:rgba(18,17,15,.78);backdrop-filter:blur(4px)}
.gd-letter-dialog{position:relative;z-index:2;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--paper);color:var(--ink);padding:44px 54px 48px;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25)}
.gd-letter-dialog:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(98,76,46,.22);pointer-events:none}
.gd-letter-dialog:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:radial-gradient(rgba(80,62,36,.25) .65px,transparent .8px);background-size:8px 8px}
.gd-letter-close{position:absolute;z-index:6;right:20px;top:18px;border:0;background:transparent!important;color:var(--ink)!important;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:7px 4px;text-decoration:none!important}
.gd-letter-close:hover,.gd-letter-close:focus-visible{color:var(--red)!important;background:transparent!important;text-decoration:none!important;outline:2px solid rgba(159,23,23,.2);outline-offset:3px}
.gd-modal-postcard-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.gd-modal-stamp{width:72px;height:82px;display:grid;place-items:center;border:1px solid rgba(159,23,23,.45);font-size:32px;background:rgba(159,23,23,.05);transform:rotate(-2deg)}.gd-modal-postmark{text-align:right;font:700 8px/1.7 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#817969;padding-top:8px}
.gd-modal-map-mark{position:absolute;z-index:2;right:36px;bottom:28px;width:74px;opacity:.10;pointer-events:none;transform:rotate(-4deg)}.gd-modal-map-mark img{display:block;width:100%;height:auto;filter:grayscale(1);}
.gd-modal-country{position:relative;z-index:2;font:700 12px/1.4 Arial,sans-serif;color:var(--green);letter-spacing:.03em}.gd-modal-flag{font-size:19px;margin-right:8px}.gd-modal-meta{position:relative;z-index:2}.gd-modal-meta h2{margin:8px 0 3px;font-size:clamp(32px,5vw,48px);line-height:1;font-weight:900}.gd-modal-rule{position:relative;z-index:2;height:1px;background:rgba(75,61,40,.25);margin:28px 0}.gd-modal-content{position:relative;z-index:2;font-size:18px;line-height:1.78;color:#39352d}.gd-modal-content p{margin:0 0 1.15em}.gd-modal-content blockquote{margin:26px 0;padding:20px 22px;border-left:4px solid var(--red);background:rgba(159,23,23,.06);color:#6b2d2d;font-style:italic;font-size:19px}.gd-modal-content a{color:var(--red)}
.gd-modal-socials{position:relative;z-index:2;display:flex;align-items:center;gap:18px;border-top:1px solid rgba(75,61,40,.2);margin-top:30px;padding-top:22px}.gd-modal-socials>span{font:700 9px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#5c574d}.gd-modal-social-list{display:flex;gap:9px}.gd-modal-social-list a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(75,61,40,.28);color:var(--ink);transition:.2s ease}.gd-modal-social-list a:hover,.gd-modal-social-list a:focus-visible{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}.gd-modal-social-list svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.gd-modal-social-list a:nth-child(1) svg{fill:none}
.gd-modal-signoff{position:relative;z-index:2;text-align:right;margin-top:30px;padding-top:18px;border-top:1px solid rgba(75,61,40,.16);font-size:15px;font-style:italic;color:#696153;max-width:82%;margin-left:auto}
html.gd-letter-modal-open,body.gd-letter-modal-open{overflow:hidden}
@media(max-width:900px){.gd-letters{padding:48px 18px 80px}.gd-letters-grid{grid-template-columns:repeat(2,1fr);gap:20px}.gd-postcard-inner{min-height:345px}}
@media(max-width:600px){.gd-letters{padding:40px 14px 70px}.gd-letters-grid{grid-template-columns:1fr;gap:18px}.gd-postcard-inner{min-height:330px;padding:23px 22px 20px}.gd-letter-preview{font-size:16px}.gd-letter-dialog{padding:38px 27px 70px;max-height:calc(100vh - 22px)}.gd-letter-modal{padding:11px}.gd-modal-postcard-head{margin-bottom:26px}.gd-modal-stamp{width:58px;height:67px;font-size:25px}.gd-modal-content{font-size:16px;line-height:1.72}.gd-modal-content blockquote{font-size:17px}.gd-modal-socials{flex-wrap:wrap}.gd-modal-map-mark{right:28px;bottom:22px;width:58px}.gd-modal-signoff{max-width:100%;font-size:14px}.gd-letters-note:before,.gd-letters-note:after{display:none}}
@media(prefers-reduced-motion:reduce){.gd-postcard-inner,.gd-letter-view,.gd-letters-more,.gd-modal-social-list a{transition:none}.gd-letter-card:hover .gd-postcard-inner{transform:none}}