.correspondence{background:var(--night);min-height:100svh;color:var(--parchment);padding-bottom:clamp(72px,12vh,128px)}.correspondence .page-hero__title{font-size:clamp(60px,7.4vw,128px)}.correspondence .page-hero__lede{max-width:40ch}.correspondence__engraving{z-index:-1;opacity:.05;pointer-events:none;width:min(70vw,1000px);position:absolute;bottom:-2%;left:-4%}.correspondence__body{z-index:3;padding:clamp(40px, 7vh, 80px) var(--gutter) 0;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(48px,6vw,112px);display:grid;position:relative}.desks{animation:hero-rise-in .9s var(--ease-out) 1.4s both;border-top:1px solid #a3855259;margin-top:clamp(36px,6vh,56px)}.desk{border-bottom:1px solid #a3855233;position:relative}.desk:before{content:"";z-index:-1;opacity:0;background:radial-gradient(60% 120% at 20%,#ead6b612,#0000 72%);transition:opacity .5s;position:absolute;inset:0 -24px}.desk[data-active=true]:before{opacity:1}.desk__choose{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:baseline;gap:4px 14px;padding:20px 0 4px;display:grid}.desk__choose:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.desk__numeral{font-family:var(--f-display);letter-spacing:.14em;color:var(--brass);font-size:14px}.desk__label{font-family:var(--f-display);color:#ead6b69e;transition:color .4s ease, translate .6s var(--ease-out);font-size:clamp(24px,2vw,30px);font-style:italic;font-weight:500;line-height:1.1}.desk__urdu{font-family:var(--f-urdu);color:#d8c19b8c;font-size:17px;line-height:2}.desk__note{color:#ead6b680;grid-column:2/-1;font-size:14.5px;font-weight:300;line-height:1.55;transition:color .4s}.desk:hover .desk__label{color:#ead6b6d9}.desk[data-active=true] .desk__label{color:var(--parchment);translate:8px}.desk[data-active=true] .desk__note{color:#ead6b6b8}.desk[data-active=true] .desk__urdu{color:var(--stub-ink)}.desk:after{content:"";background:var(--brass);opacity:0;width:7px;height:7px;transition:opacity .4s ease, scale .5s var(--ease-out);position:absolute;top:28px;left:-24px;rotate:45deg;scale:.4;box-shadow:0 0 12px #a38552cc}.desk[data-active=true]:after{opacity:1;scale:1}.correspondence .desk__email{font-family:var(--f-display);color:var(--brass);transition:color .3s ease, background-size .5s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;margin:2px 0 18px 52px;padding-bottom:2px;font-size:17px;display:inline-block}.correspondence .desk__email:hover{color:var(--parchment);background-size:100% 1px}.correspondence__particulars{animation:hero-rise-in .9s var(--ease-out) 1.55s both;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0 0;display:grid}.correspondence__particulars dt{color:var(--brass);margin-bottom:10px;font-size:10px}.correspondence__particulars dd{color:#ead6b6bf;justify-items:start;gap:4px;margin:0;font-size:15px;line-height:1.6;display:grid}.correspondence__particulars a{color:var(--parchment);font-family:var(--f-display);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:baseline;gap:10px;font-size:18px;font-style:italic;display:inline-flex}.correspondence__particulars a .smallcaps{font-family:var(--f-body);color:var(--brass);font-size:9px;font-style:normal}.correspondence .correspondence__map{margin-top:6px}.correspondence__desk{animation:hero-rise-in 1.1s var(--ease-out) .5s both;padding-top:clamp(8px,4vh,40px);position:relative}.correspondence__quill{filter:drop-shadow(0 12px 16px #00000080);pointer-events:none;height:clamp(170px,15vw,230px);position:absolute;bottom:-96px;left:-64px;rotate:-6deg}.letter{color:var(--ink);padding:clamp(44px,4.6vw,72px) clamp(28px,4.6vw,72px) clamp(40px,4vw,60px);scroll-margin-top:90px;position:relative}.letter__paper{z-index:-1;background: linear-gradient(to bottom, transparent calc(33.3% - 1px), #ffffff73 calc(33.3% - 1px), #2a262012 33.3%, transparent calc(33.3% + 3px)), linear-gradient(to bottom, transparent calc(66.6% - 1px), #ffffff73 calc(66.6% - 1px), #2a262012 66.6%, transparent calc(66.6% + 3px)), var(--paper-texture), linear-gradient(172deg, #f7efe0 0%, var(--parchment-soft) 50%, #ebdcc1 100%);position:absolute;inset:0;box-shadow:0 60px 90px -40px #000000f2,0 0 0 1px #0000000d,0 0 80px -20px #ead6b626}.letter__stamp{filter:drop-shadow(0 6px 10px #13191f59);width:clamp(76px,6.6vw,100px);position:absolute;top:-22px;right:clamp(24px,3vw,48px);rotate:6deg}.letter__postmark{opacity:.55;pointer-events:none;width:clamp(120px,11vw,160px);position:absolute;top:10px;right:clamp(80px,8vw,124px);rotate:-12deg}.letter__head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.letter__head p{margin:0}.letter__to{gap:4px;display:grid}.letter__to .smallcaps{color:var(--oxblood);font-size:10px}.letter__desk{font-family:var(--f-display);animation:hero-ink-ltr 1s var(--ease-ink) both;font-size:clamp(28px,2.5vw,36px);font-style:italic;font-weight:500;line-height:1.1;-webkit-mask-image:linear-gradient(90deg,#000 0 42%,#0000 58% 100%);mask-image:linear-gradient(90deg,#000 0 42%,#0000 58% 100%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.letter__address{color:#2a2620b3;font-size:14px}.letter__dateline{text-align:right;font-family:var(--f-display);color:var(--sepia-ink);padding-top:clamp(70px,7vw,96px);font-size:17px;font-style:italic;line-height:1.4}.letter__body{border:0;min-width:0;margin:clamp(26px,4vh,40px) 0 0;padding:0}.letter__salutation{float:left;width:100%;font-family:var(--f-display);margin-bottom:14px;padding:0;font-size:clamp(26px,2.2vw,32px);font-style:italic;font-weight:500}.letter__line{clear:both;font-family:var(--f-display);margin:0;font-size:clamp(20px,1.7vw,24px);line-height:2.1}.letter__blank{field-sizing:content;width:9em;min-width:6em;max-width:100%;font:inherit;color:var(--oxblood);background:0 0;border:0;border-bottom:1px dashed #551d2a8c;border-radius:0;padding:0 6px;font-style:italic;transition:border-color .3s,background .3s}.letter__blank--email{width:13em;min-width:8em}.letter__blank::placeholder{color:#2a262061}.letter__blank:focus{border-bottom-style:solid;border-bottom-color:var(--oxblood);background:#8e2b340d;outline:0}.letter__text{resize:vertical;width:100%;min-height:204px;font:300 17.5px/34px var(--f-body);color:var(--ink);background:repeating-linear-gradient(#0000 0 33px,#2e485c33 33px 34px) local;border:0;border-radius:0;margin-top:18px;padding:0 6px;display:block}.letter__text::placeholder{color:#2a262066;font-style:italic}.letter__text:focus{background-color:#8e2b3408;outline:0}.letter__close{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px;display:flex}.letter__yours{font-family:var(--f-display);color:var(--sepia-ink);gap:2px;margin:0;font-size:19px;font-style:italic;display:grid}.letter__signature{min-width:240px;min-height:1.3em;color:var(--oxblood);border-bottom:1px solid #13191f4d;padding:0 4px 2px;font-size:36px;line-height:1.3}.letter__send{appearance:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:inline-flex}.letter__send img{filter:drop-shadow(0 8px 10px #13191f66);width:78px;height:auto;transition:rotate .7s var(--ease-out), scale .7s var(--ease-out)}.letter__send:hover img,.letter__send:focus-visible img{rotate:-14deg;scale:1.06}.letter__send:focus-visible{outline:1px solid var(--oxblood);outline-offset:6px}.letter__send>span{font-family:var(--f-display);gap:4px;font-size:24px;font-style:italic;line-height:1;display:grid}.letter__send .smallcaps{font-family:var(--f-body);color:var(--oxblood);font-size:9.5px;font-style:normal}.letter__body:disabled .letter__send{cursor:default}.letter[data-sent=true] .letter__send img{animation:.8s cubic-bezier(.3,1.4,.5,1) both hero-seal-press}.letter[data-sent=true] :is(.letter__blank,.letter__text){border-bottom-color:#0000}.letter__cancel{opacity:.75;pointer-events:none;mix-blend-mode:multiply;filter:sepia()saturate(4)hue-rotate(-30deg)brightness(.7);width:clamp(220px,22vw,320px);animation:.7s cubic-bezier(.3,1.4,.5,1) .35s both letter-cancel;position:absolute;top:46%;left:50%;translate:-50% -50%;rotate:-16deg}@keyframes letter-cancel{0%{opacity:0;scale:1.6}}.letter__sent{margin:0}.letter__sent:not(:empty){font-family:var(--f-display);color:var(--sepia-ink);animation:hero-rise-in .8s var(--ease-out) .6s both;border-top:1px dashed #551d2a66;gap:6px;margin-top:24px;padding-top:16px;font-size:20px;font-style:italic;display:grid}.letter__sent .smallcaps{font-family:var(--f-body);color:var(--oxblood);font-size:10px;font-style:normal}@media (max-width:960px){.correspondence__body{grid-template-columns:minmax(0,1fr)}.correspondence__quill{display:none}}@media (max-width:600px){.correspondence__body{padding-top:40px}.correspondence__particulars{grid-template-columns:minmax(0,1fr)}.desk__choose{grid-template-columns:30px minmax(0,1fr)}.desk__urdu{display:none}.correspondence .desk__email{margin-left:44px;font-size:15px}.letter__head{flex-direction:column;align-items:flex-start}.letter__dateline{text-align:left;padding-top:0}.letter__postmark{width:110px;right:70px}.letter__to{padding-right:64px}.letter__blank{width:8em}.letter__blank--email{width:11em}.letter__signature{min-width:180px;font-size:30px}}@media (prefers-reduced-motion:reduce){.letter__desk{-webkit-mask:none;mask:none}}.correspondence:after{content:"";background:linear-gradient(to bottom, transparent, var(--night));pointer-events:none;z-index:2;height:clamp(140px,20vh,260px);position:absolute;bottom:0;left:0;right:0}.certificate{--w:clamp(300px, 27vw, 420px);width:var(--w);transition:rotate .9s var(--ease-out);margin:0;position:relative;rotate:2.5deg}.certificate:hover{rotate:.5deg}.certificate__postmark{opacity:.45;width:66%;position:absolute;top:46%;left:-34%;rotate:-14deg}.certificate__sheet{padding:calc(var(--w) * .16) calc(var(--w) * .12) calc(var(--w) * .13);text-align:center;color:var(--ink);background:var(--paper-texture), linear-gradient(170deg, #f6ecda, var(--parchment-soft) 60%, #e9d9bd);justify-items:center;display:grid;position:relative;box-shadow:0 40px 60px -26px #13191f80,0 2px #13191f14}.certificate__rule{outline-offset:-6px;pointer-events:none;border:1px solid #a38552cc;outline:1px solid #551d2a4d;position:absolute;inset:12px}.certificate__rule:before,.certificate__rule:after{content:"";background:var(--brass);width:9px;height:9px;margin-left:-4.5px;position:absolute;left:50%;rotate:45deg}.certificate__rule:before{top:-5px}.certificate__rule:after{bottom:-5px}.certificate p{margin:0}.certificate__kicker{color:var(--oxblood);font-size:9.5px}.certificate__urdu{font-family:var(--f-urdu-display,var(--f-urdu));font-size:calc(var(--w) * .1);color:var(--oxblood);line-height:1.8;margin:calc(var(--w) * .05) 0 calc(var(--w) * .02)!important}.certificate__title{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:calc(var(--w) * .135);letter-spacing:-.02em;line-height:1}.certificate__divider{width:80%;height:auto;margin:calc(var(--w) * .06) 0 calc(var(--w) * .05);opacity:.85}.certificate__text{max-width:28ch;font-size:calc(var(--w) * .038);color:var(--sepia-ink);font-weight:300;line-height:1.7}.certificate__sign{margin-top:calc(var(--w) * .1);text-align:left;border-top:1px solid #13191f59;justify-self:start;justify-items:start;gap:6px;min-width:58%;padding-top:8px;display:grid}.certificate__signature{font-family:var(--f-display);font-style:italic;font-size:calc(var(--w) * .058);color:var(--oxblood);order:-1;margin-top:-2.1em;rotate:-3deg}.certificate__sign .smallcaps{color:#2a2620bf;font-size:8.5px}.certificate__ribbon{filter:drop-shadow(0 6px 6px #13191f4d);width:62%;position:absolute;top:-7%;left:-16%;rotate:-28deg}.certificate__clip{height:calc(var(--w) * .26);filter:drop-shadow(0 4px 4px #13191f4d);position:absolute;top:-7%;right:18%;rotate:8deg}.certificate__seal{width:calc(var(--w) * .26);filter:drop-shadow(0 10px 12px #13191f66);animation:.75s cubic-bezier(.3,1.4,.5,1) 1.6s both hero-seal-press;position:absolute;bottom:-7%;right:-9%}
