.sup{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(32px,5vw,80px);padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(72px,10vw,128px);display:grid}.sup-intro{min-width:0;position:sticky;top:100px}.sup-intro h1{font-size:var(--h1-page);letter-spacing:-.03em;max-width:14ch;line-height:1;animation:.9s cubic-bezier(.16,1,.3,1) both sup-rise}.sup-lede{color:var(--muted);max-width:42ch;margin-top:22px;font-size:clamp(17px,1.4vw,19px)}.sup-note{background:var(--green-t);color:var(--green-d);border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.sup-note-dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px}@keyframes sup-rise{0%{opacity:0;transform:translateY(24px)}}.sup-photo{max-width:440px;margin-top:clamp(32px,4vw,48px)}.sup-photo img{aspect-ratio:7/5;object-fit:cover;border:5px solid #fff;border-radius:24px;width:100%;transform:rotate(-2.5deg);box-shadow:0 36px 70px -34px #062a178c}.sup-mine{margin-top:clamp(36px,5vw,56px)}.sup-mine-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.sup-mine-head h2{letter-spacing:-.03em;font-size:clamp(26px,2.6vw,34px)}.sup-mine-head span{color:var(--muted);font-size:14px;font-weight:700}.sup-mine-empty{color:var(--muted);padding:18px 0}.sup-stubs{gap:10px;list-style:none;display:grid}.sup-stub{--notch:12px;border:1.5px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid;position:relative}.sup-stub-ref{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-right:2px dashed var(--line);color:var(--green-d);padding-right:16px;font-size:22px;font-weight:600}.sup-stub.is-closed .sup-stub-ref{color:var(--muted)}.sup-stub-main{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sup-stub-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sup-stub-main small{color:var(--muted);font-size:13px}.sup-form{border:1.5px solid var(--line);background:#fff;border-radius:28px;gap:18px;min-width:0;padding:clamp(22px,3vw,36px);animation:.9s cubic-bezier(.16,1,.3,1) .12s both sup-rise;display:grid;position:relative;box-shadow:0 40px 80px -48px #062a1773}.sup-form-title{letter-spacing:-.03em;font-size:clamp(26px,2.4vw,32px)}.sup-form .input,.sup-form .select,.sup-form .textarea{background:var(--bg);border-color:#0000;border-radius:14px;transition:border-color .15s,background .15s}.sup-form .input:focus,.sup-form .select:focus,.sup-form .textarea:focus{border-color:var(--green);background:#fff}.sup-form .textarea{resize:vertical;min-height:140px}.sup-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sup-row2>*{min-width:0}.sup-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sup-cats{border:0;min-width:0;margin:0;padding:0}.sup-cat-list{flex-wrap:wrap;gap:8px;display:flex}.sup-cat{cursor:pointer;position:relative}.sup-cat input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sup-cat span{border:1.5px solid var(--line);border-radius:999px;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.sup-cat:hover span{border-color:var(--ink)}.sup-cat input:checked+span{color:#fff;background:#062a17;border-color:#062a17}.sup-cat input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}.sup-cat input:active+span{transform:scale(.97)}.sup-drop{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;justify-items:center;gap:6px;padding:22px;transition:border-color .15s,background .15s;display:grid}.sup-drop-ico{color:var(--green-d)}.sup-drop.on{border-color:var(--green);background:var(--green-t)}.sup-browse{color:var(--green-d);text-underline-offset:3px;cursor:pointer;font-weight:700;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.sup-files{gap:6px;margin-top:10px;list-style:none;display:grid}.sup-files li{background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.sup-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sup-files button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:2px 6px;font-size:18px;line-height:1}.sup-files button:hover{color:var(--red)}.sup-error{color:var(--red);background:var(--red-t);border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}.sup-sent{text-align:center;justify-items:center;gap:22px;padding:clamp(24px,4vw,48px) 0;display:grid}.sup-sent-card{text-align:left;background:#fff;border-radius:22px;width:min(360px,100%);padding:22px 22px 18px;animation:.9s cubic-bezier(.2,.9,.25,1.15) both sup-drop;position:relative;transform:rotate(-2deg);box-shadow:0 40px 80px -36px #06281680}.sup-sent-card:before{content:"";background:#d9e3dc;border-radius:5px;width:46px;height:18px;margin-left:-23px;position:absolute;top:-10px;left:50%}.sup-sent-label{color:var(--muted);font-size:14px;font-weight:700}.sup-sent-ref{font-family:var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;margin:6px 0 14px;font-size:clamp(48px,7vw,76px);font-weight:600;line-height:.95;display:block}.sup-sent-foot{border-top:2px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.sup-sent-foot h2{letter-spacing:-.02em;font-size:20px}.sup-sent-ok{background:var(--green);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.sup-sent>p{color:var(--muted);max-width:46ch}@keyframes sup-drop{0%{opacity:0;transform:translateY(-50px)rotate(-10deg)}}@media (max-width:960px){.sup{grid-template-columns:1fr}.sup-intro{position:static}.sup-photo{display:none}}@media (max-width:640px){.sup-row2{grid-template-columns:1fr}.sup-form{border-radius:24px;margin:0 -4px;padding:20px 16px}.sup-stub{grid-template-columns:auto 1fr}.sup-stub .chip{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.sup-intro h1,.sup-form,.sup-sent-card{animation:none}}.sup-browse{min-height:44px;padding:0 6px;font-weight:700}.sup-files button{min-width:44px;min-height:44px}