.project-share-modal[hidden]{display:none!important}
.project-share-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(22,38,33,.58);backdrop-filter:blur(6px)}
.project-share-panel{width:min(620px,100%);border:1.5px solid var(--ink,#203b33);border-radius:28px;background:#fff;box-shadow:9px 11px 0 rgba(32,59,51,.22);padding:28px;position:relative}
.project-share-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:1.5px solid var(--ink,#203b33);border-radius:50%;background:#fff;font:900 20px/1 system-ui;cursor:pointer}
.project-share-kicker{margin:0 50px 8px 0;font:900 11px/1.2 system-ui;letter-spacing:.09em;text-transform:uppercase;color:#567062}
.project-share-panel h2{margin:0 48px 8px 0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.035em}
.project-share-panel>p{margin:0 0 22px;color:#52685e;line-height:1.5}
.project-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.project-share-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 10px;border:1.5px solid var(--ink,#203b33);border-radius:15px;background:#f7f9f3;color:var(--ink,#203b33);font:800 13px/1.2 system-ui;text-decoration:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}
.project-share-btn:hover{transform:translateY(-2px);box-shadow:3px 4px 0 rgba(32,59,51,.15)}
.project-share-btn[data-network="facebook"]{background:#eef3ff}
.project-share-btn[data-network="x"]{background:#f2f2f2}
.project-share-btn[data-network="linkedin"]{background:#eef7ff}
.project-share-btn[data-network="whatsapp"]{background:#edfff2}
.project-share-btn[data-network="telegram"]{background:#eefaff}
.project-share-btn[data-network="copy"]{background:#f5ffd8}
.project-share-note{margin:16px 0 0!important;font-size:12px;min-height:18px}
.sf-project-share{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(max-width:620px){.project-share-panel{padding:23px 18px 20px;border-radius:22px}.project-share-grid{grid-template-columns:1fr 1fr}.project-share-btn{min-height:50px}.project-share-panel h2{font-size:30px}}