.contact-desk-page{background:#e9e2d2}.contact-desk-page main{overflow:hidden}.desk-scene{position:relative;isolation:isolate;min-height:800px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);align-items:center;gap:40px;padding:90px 9% 95px 20%;background:#eee6d6 url('assets/community-desk-backdrop.webp') center/cover no-repeat;color:#f6eedb}.desk-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eee5d200,transparent 60%,#4c362808)}
.desk-card{position:relative;z-index:3;padding:34px 35px 30px;background:url('assets/story-paper-grain.svg'),radial-gradient(ellipse at 20% 0,#35342d,#151712 75%);border:1px solid #555143;box-shadow:0 2px 0 #454235,0 5px 0 #17180f,9px 19px 22px #33281765,-2px -2px 0 #ffffff10,inset 0 1px #ffffff15;transform:rotate(-4deg);transform-origin:center;color:#f5eddd;min-width:0}
.desk-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.desk-brand img{width:44px;height:44px;object-fit:contain}.desk-brand>span{font:400 10px/1.5 Georgia,serif;letter-spacing:2.4px;color:#d8bd7f}.desk-eyebrow{font:500 9px/1.5 Arial,sans-serif;letter-spacing:2.7px;text-transform:uppercase;color:#dcc68f;margin:0 0 17px}.desk-card h1{font:400 clamp(40px,4.2vw,66px)/.98 Georgia,serif;letter-spacing:-.04em;text-transform:none;color:#fff8e8;margin:0}.desk-card h1 em{font-style:normal;color:inherit}.desk-gold-rule{display:block;width:42px;height:3px;background:linear-gradient(90deg,#ab7927,#e8cf8a);margin:25px 0 19px}.desk-message{font:400 17px/1.65 Georgia,serif;color:#e6decb;margin:0 0 26px;max-width:470px}
.desk-contact-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}.desk-contact-actions a{display:flex;align-items:center;gap:10px;min-height:76px;padding:13px 12px;border:1px solid #c3a35e;border-radius:3px;min-width:0;transition:transform .3s,box-shadow .3s}.desk-contact-actions a:hover{transform:translateY(-3px);box-shadow:0 8px 13px #0006}.desk-contact-actions a:focus-visible{outline:3px solid #fff5da;outline-offset:5px}.desk-contact-actions svg{width:25px;height:25px;flex:0 0 25px;fill:none;stroke:currentColor;stroke-width:1.5}.desk-contact-actions a>span{display:flex;flex-direction:column;gap:5px;min-width:0}.desk-contact-actions strong{font:400 19px/1.1 Georgia,serif}.desk-contact-actions small{font:400 9px/1.4 Arial,sans-serif;overflow-wrap:anywhere}.desk-contact-actions b{font:400 14px/1 Arial,sans-serif;margin-left:auto}.desk-email{color:#171a10;background:url('assets/story-paper-grain.svg'),linear-gradient(115deg,#e6cf94,#bf9a4f 60%,#e8d397);box-shadow:inset 0 1px #fff8,0 3px 7px #0003}.desk-instagram{color:#e9d29b;background:#ffffff03;box-shadow:inset 0 1px #ffffff08}.desk-card-foot{font:400 8px/1.7 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:27px 0 0;color:#d4ccb8}.desk-card-foot span{color:#d8b875}
.desk-paperclip{position:absolute;right:22px;top:22px;width:20px;height:70px;border:3px solid #ba923c;border-radius:13px;transform:rotate(-12deg);box-shadow:inset 1px 0 #f2d493,2px 3px 3px #0008;pointer-events:none}.desk-paperclip:after{content:'';position:absolute;left:3px;right:3px;top:8px;bottom:13px;border:2px solid #d9b763;border-bottom:0;border-radius:7px 7px 0 0;box-shadow:1px 0 #604312}
.desk-memories{position:relative;z-index:2;min-width:0;padding:15px 0}.desk-print,.desk-back-print{position:relative;background:#faf4e5;border:1px solid #ded2b6;padding:10px 10px 0;margin:0;box-shadow:3px 8px 10px #46352050,0 1px #fff inset;display:block;width:100%;max-width:none;aspect-ratio:auto;overflow:visible;border-radius:1px;cursor:zoom-in}.desk-print img{width:100%;display:block;object-fit:cover;aspect-ratio:1/1.1;height:auto;filter:none!important;transition:transform .45s}.desk-print span{position:static;display:flex;align-items:center;justify-content:space-between;background:none;color:#5a513d;padding:11px 3px 12px;font:italic 13px/1.3 Georgia,serif}.desk-print span b{font:400 14px/1 Arial,sans-serif;color:#9c762e}.desk-print-top{transform:rotate(9deg);z-index:2}.desk-print-top img{object-position:center 45%}.desk-print-bottom{transform:rotate(-7deg);margin-top:-28px;z-index:3;width:112%;margin-left:-7%}.desk-print-bottom img{aspect-ratio:1.35;object-fit:contain}.desk-print:hover{z-index:5;box-shadow:5px 14px 23px #2e21185c}.desk-print-top:hover{transform:rotate(5deg) scale(1.035)}.desk-print-bottom:hover{transform:rotate(-3deg) scale(1.035)}.desk-print:focus-visible{outline:3px solid #8c6320;outline-offset:5px}.desk-back-print{position:absolute;right:-11%;top:-5px;width:90%;transform:rotate(17deg);padding:9px;cursor:default}.desk-back-print img{width:100%;height:auto;display:block}
.desk-note{position:absolute;left:3%;bottom:80px;color:#936721;font:italic clamp(16px,1.8vw,26px)/1.5 Georgia,serif;transform:rotate(-11deg);z-index:1;text-shadow:0 1px #fff8}.desk-note span{font-size:.9em}.desk-note i{display:block;width:95px;height:2px;background:#ac873d;transform:rotate(-4deg);margin-top:7px}
.contact-desk-page footer{padding:15px 6% 12px}.contact-desk-page .footer-top{padding-bottom:8px;gap:15px}.contact-desk-page .footer-brand{font-size:16px}.contact-desk-page .footer-brand span{font-size:10px;margin-top:4px}.contact-desk-page .footer-bottom{padding-top:8px;margin-top:8px;font-size:10px}
@media(min-width:1700px){.desk-scene{padding-left:max(20%,calc((100% - 1100px)/2));padding-right:max(9%,calc((100% - 1350px)/2));min-height:900px}}
@media(max-width:1100px){.desk-scene{padding:85px 7% 80px 14%;gap:25px;min-height:760px}.desk-card{padding:29px 26px}.desk-contact-actions{grid-template-columns:1fr}.desk-contact-actions a{min-height:65px}.desk-contact-actions small{font-size:11px}.desk-note{left:2%;bottom:50px;font-size:19px}.desk-card-foot{letter-spacing:1px;gap:7px}.desk-message{font-size:16px}}
@media(max-width:750px){.desk-scene{grid-template-columns:1fr;padding:54px 8% 35px;gap:38px;min-height:0;background-position:45% top;background-size:auto 100%}.desk-card{transform:rotate(-2deg);padding:25px 23px 26px}.desk-brand{margin-bottom:23px}.desk-brand img{width:38px;height:38px}.desk-card h1{font-size:clamp(40px,10vw,59px)}.desk-paperclip{right:16px;top:17px;width:16px;height:57px;border-width:2px}.desk-eyebrow{font-size:8px;letter-spacing:1.7px}.desk-message{font-size:16px;line-height:1.6}.desk-contact-actions{grid-template-columns:1fr}.desk-contact-actions a{min-height:67px;padding:12px 16px;gap:14px}.desk-contact-actions small{font-size:11px}.desk-card-foot{font-size:7px;letter-spacing:1px;margin-top:23px;gap:7px}.desk-memories{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start;padding:0 0 17px}.desk-print{padding:6px 6px 0}.desk-print-top{transform:rotate(-5deg)}.desk-print-bottom{transform:rotate(5deg);width:100%;margin:30px 0 0}.desk-print img,.desk-print-bottom img{aspect-ratio:1;object-fit:cover}.desk-print span{font-size:10px;padding:8px 1px;gap:5px}.desk-back-print,.desk-note{display:none}.contact-desk-page .footer-top{flex-direction:row;flex-wrap:wrap;gap:12px}.contact-desk-page .footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){.desk-contact-actions a,.desk-print,.desk-print img{transition:none}.desk-print:hover,.desk-contact-actions a:hover{transform:none}}
.desk-contact-actions small{font-size:11px}.desk-note{left:1.5%;font-size:19px;max-width:135px;bottom:65px}.desk-note span{display:block;max-width:130px}
@media(max-width:750px){.desk-contact-actions small{font-size:11px}}
/* Tactile cotton stock: visible fibers, fine pressed edges and a small curled corner. */
.desk-card{background:url('assets/contact-card-fibers.svg'),radial-gradient(ellipse at 12% 0,#303129aa,transparent 65%),linear-gradient(115deg,#23251e,#14160f 62%,#212219);border:1px solid #514f3f;border-radius:2px 3px 1px 2px;box-shadow:inset 0 1px 1px #fff4,inset 1px 0 1px #b6aa8340,inset 0 -1px 2px #000b,0 1px #8b8061,0 2px #393a2d,0 3px #16170f,2px 5px 3px #221e1b88,9px 20px 24px #30261965}
.desk-card:before{content:'';position:absolute;inset:2px;pointer-events:none;border:1px solid #b6aa7612;border-radius:1px;box-shadow:inset 0 0 22px #0002;z-index:-1}
.desk-card:after{content:'';position:absolute;right:-1px;top:-1px;width:31px;height:31px;background:linear-gradient(45deg,#0b0e0840 45%,#b3a57f 48%,#eee5c8 53%,#b9ad8a 100%);clip-path:polygon(0 0,100% 100%,100% 0);filter:drop-shadow(-2px 3px 2px #0007);pointer-events:none}
.desk-paperclip{background:linear-gradient(90deg,#a1712040,transparent 35%,#f9dfa14d 58%,transparent 75%);border-color:#c8a14c;box-shadow:inset 1px 0 #fff0b8,1px 0 #63491e,3px 4px 3px #0009;top:31px;right:25px}
.desk-card h1{text-shadow:0 1px 0 #ffffff0d,0 -1px #0004}
.desk-print{padding:10px;background:linear-gradient(130deg,#fffdf6,#f1e7d1);box-shadow:inset 0 1px 1px #fff,0 1px #b7a886,0 2px #e4d8bc,3px 8px 12px #46352060}
.desk-print span{display:none}
@media(max-width:750px){.desk-print{padding:7px}.desk-paperclip{top:27px;right:18px}}
/* Dark cotton cardstock makes the foil details and blended emblem read naturally. */
.desk-card{background:url('assets/contact-card-fibers.svg'),radial-gradient(ellipse at 14% 0,#23261b99,transparent 65%),linear-gradient(115deg,#15180f,#090c06 65%,#15170e);border-color:#414334;box-shadow:inset 0 1px 1px #fff2,inset 1px 0 1px #b6aa8329,inset 0 -1px 2px #000e,0 1px #776e52,0 2px #303225,0 3px #0a0d07,2px 5px 3px #221e1b99,9px 20px 24px #30261970}
.desk-brand img{background:transparent;mix-blend-mode:screen;filter:contrast(1.2) brightness(1.1);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}


/* Donate card on final contact page */
.desk-contact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.desk-donate{color:#171a10;background:url('assets/story-paper-grain.svg'),linear-gradient(115deg,#ecd7a4,#cfa758 58%,#f1dfb1);box-shadow:inset 0 1px #fff8,0 3px 7px #0003}
.desk-donate svg{stroke:currentColor;fill:none}
@media(max-width:1100px){.desk-contact-actions{grid-template-columns:1fr}}