.project .real-art{position:relative}.project-kind{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;border:1px solid #ffffff55;background:#f8f7f23d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffc9;box-shadow:0 1px 8px #00000012;transition:background .25s,color .25s}.project-kind svg{width:14px;height:14px;filter:drop-shadow(0 1px 2px #0006)}.project:hover .project-kind{background:#ffffff65;color:#fff}.project-kind-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.project-viewer{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);height:fit-content;padding:65px 18px 15px;border:1px solid #ffffffb3;border-radius:25px;background:linear-gradient(140deg,#ffffff6b,#ffffff26);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px 1px #fff,0 20px 80px #14191540;overflow:auto;color:#242820}.project-viewer::backdrop{background:#181d2540;backdrop-filter:blur(9px)}.viewer-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;background:#ffffff80;color:#30362e;cursor:pointer;transition:background .2s,transform .2s}.viewer-close:hover{background:#fff;transform:rotate(90deg)}.viewer-close svg{width:21px;height:21px}.viewer-close:focus-visible{outline:2px solid #7252bb;outline-offset:3px}.viewer-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 145px);object-fit:contain;border-radius:9px}.viewer-caption{margin:12px 4px 0;font-size:11px;color:#30362e}.viewer-label{position:absolute;left:22px;top:28px;font-size:9px;letter-spacing:1.5px;color:#41473d}
#about .profile-info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#about .profile-info p{margin:0;font-size:11px}#about .profile-location{display:flex;align-items:center;gap:15px;margin:0;font-size:11px}#about .about-contact{display:inline-flex;gap:8px;align-items:center;font-size:11px;border-bottom:1px solid #8d9584;padding:3px 0}
#gift .gift-panel{grid-template-columns:1fr 285px;gap:20px;padding:20px 25px;margin:12px 0 22px;border-radius:18px}#gift .gift-copy h2{font-size:21px;line-height:1.2;letter-spacing:-.6px;margin:7px 0}#gift .gift-copy .eyebrow{font-size:8px}#gift .gift-copy>p{font-size:11px;margin:6px 0;line-height:1.5}#gift .gift-copy summary{font-size:9px;margin-top:8px}#gift .gift-copy details p{font-size:10px;line-height:1.6}#gift .gift-ticket{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:0 12px;padding:12px 15px;border-radius:13px;max-width:none}#gift-symbol{display:none}#gift .gift-ticket strong{font-size:33px;letter-spacing:-1.5px;margin:3px 0;line-height:1.1}#gift .gift-ticket .gift-kicker{font-size:7px;letter-spacing:1px;margin:0}#gift .gift-ticket #gift-result>span:last-child{display:none}#gift .gift-ticket button{font-size:10px;margin:0;padding:10px 9px}#gift .gift-ticket #gift-status{grid-column:1/-1;min-height:0;font-size:9px;line-height:1.4;margin:6px 0 0}#gift .gift-ticket #gift-status:empty{display:none}
.bank-panel{max-width:270px;padding:37px 18px 12px;border-radius:25px}.bank-qr-wrap{max-width:210px;margin:0 auto}.bank-brand{font-size:13px;margin:3px 0 11px}.bank-name{font-size:11px;letter-spacing:.9px;margin:0 0 6px}.bank-number{font-size:19px;letter-spacing:1.5px;margin:0 0 15px}.bank-actions{gap:6px}.bank-actions a,.bank-actions button{font-size:10px;padding:10px 4px;border-radius:11px}#bank-status{font-size:9px;min-height:0;margin:8px 0 0}#bank-status:empty{display:none}.bank-close{top:8px;right:10px}.bank-trigger{font-size:10px;padding:11px 14px}
@media(max-width:760px){#gift .gift-panel{grid-template-columns:1fr;gap:13px;padding:17px 18px}#gift .gift-copy h2{font-size:20px}#gift .gift-ticket{width:100%;margin:0;grid-template-columns:1fr 110px;padding:10px 13px}#gift .gift-ticket strong{font-size:29px}.project-viewer{width:calc(100% - 20px);padding:63px 10px 13px;border-radius:21px}.viewer-image{max-height:calc(100dvh - 135px)}.viewer-caption{font-size:10px}.bank-panel{max-width:270px;width:calc(100% - 24px);padding:37px 18px 12px;border-radius:25px}}
@media(prefers-reduced-motion:reduce){.viewer-close{transition:none}}
/* Denser banking details and a shorter introduction. */
.bank-panel{max-width:244px;padding:30px 15px 10px;border-radius:22px}.bank-qr-wrap{max-width:188px}.bank-brand{font-size:12px;line-height:1.2;margin:0 0 7px}.bank-name{font-size:10px;line-height:1.2;margin:0 0 4px;letter-spacing:.7px}.bank-number{font-size:18px;line-height:1.2;margin:0 0 10px;letter-spacing:1.2px}.bank-actions{gap:5px}.bank-actions a,.bank-actions button{font-size:9px;line-height:1.3;padding:8px 3px;border-radius:10px}.bank-close{width:25px;height:25px;right:8px;top:7px;font-size:18px}#bank-status{margin-top:6px;line-height:1.3}
#about .about{grid-template-columns:minmax(210px,.65fr) 1.4fr;gap:28px;padding:23px 0;margin-top:28px}#about .art-portrait{height:285px;max-width:260px}#about h2{font-size:27px;margin:8px 0 10px}#about .about>div:last-child>p{max-width:540px;font-size:12px;line-height:1.65;margin:0 0 12px}#about .chips{margin-top:10px;gap:5px}#about .chips span{font-size:9px;padding:5px 8px}
@media(max-width:760px){.bank-panel{max-width:244px;padding:30px 15px 10px;border-radius:22px}#about .about{grid-template-columns:1fr;gap:16px;padding:20px 0;margin-top:22px}#about .art-portrait{height:265px;max-width:245px}#about h2{font-size:24px}#about .about>div:last-child>p{font-size:11px}}