.contact-overlay{z-index:100;background:#00000059;animation:.25s both overlay-in;position:fixed;inset:0}.contact-overlay.is-closing{animation:.3s both overlay-out}@keyframes overlay-in{0%{opacity:0}}@keyframes overlay-out{to{opacity:0}}.contact-sheet{height:var(--demo-h,80vh);background:var(--white);border-bottom:1px solid var(--rule);transition:height .32s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) both sheet-in;position:absolute;top:0;left:0;right:0;box-shadow:0 20px 60px #1414142e}.is-closing .contact-sheet{animation:.35s cubic-bezier(.4,0,.2,1) both sheet-out}.contact-sheet.note-open{height:var(--demo-h-note,90vh)}@keyframes sheet-in{0%{transform:translateY(-100%)}}@keyframes sheet-out{to{transform:translateY(-100%)}}.contact-sheet .demo-rules{pointer-events:none;z-index:1;position:absolute;inset:0}.contact-sheet .demo-rules i{background:var(--rule);position:absolute}.contact-sheet .demo-rules i.v{width:1px;top:0;bottom:0}.contact-sheet .demo-rules i.h{height:1px;left:0;right:0}.contact-sheet .demo-rules i.l{left:var(--dpad)}.contact-sheet .demo-rules i.r{right:var(--dpad)}.contact-sheet .demo-rules i.b{bottom:var(--pad)}.contact-sheet .demo-grid{width:100%;height:calc(100% - var(--pad));padding:0 var(--dpad);display:flex}.contact-sheet .demo-left,.contact-sheet .demo-right{padding:var(--pad) 0 0;flex-direction:column;flex:50%;justify-content:center;display:flex}.contact-sheet .demo-left{gap:40px;padding-right:clamp(40px,6.25vw,120px)}.contact-sheet .demo-right{border-left:1px solid var(--rule);gap:20px;padding-left:clamp(32px,3.3vw,48px);padding-right:clamp(40px,6.25vw,120px)}.contact-sheet .demo-lead{flex-direction:column;gap:10px;display:flex}.contact-sheet .demo-h{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink);max-width:560px;margin:0;font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.2}.contact-sheet .demo-body{flex-direction:column;gap:10px;display:flex}.contact-sheet .demo-sub{font-family:var(--sans);color:var(--muted);margin:0;font-size:16px;line-height:1.5}.contact-sheet .demo-list{margin:0;padding-left:24px;list-style:outside}.contact-sheet .demo-list li{font-family:var(--sans);color:var(--muted);margin-bottom:12px;font-size:16px;line-height:24px}.contact-sheet .demo-list li:last-child{margin-bottom:0}.contact-sheet .df-field{width:100%;border:0;flex-direction:column;flex:none;gap:10px;min-inline-size:0;margin:0;padding:0;display:flex}.contact-sheet fieldset.df-field>legend{margin-bottom:10px;padding:0}.contact-sheet .df-field>label,.contact-sheet .df-label{font-family:var(--sans);color:var(--muted);font-size:14px}.contact-sheet .df-input,.contact-sheet .df-opts,.contact-sheet .df-opt,.contact-sheet .df-submit{flex:none}.contact-sheet .df-input{width:100%;height:50px;font-family:var(--sans);color:var(--ink);background:var(--white);border:1px solid #cfcfcf;border-radius:999px;padding:0 20px;font-size:14px}.contact-sheet .df-input::placeholder{color:var(--muted)}.contact-sheet .df-input:focus{outline:1px solid var(--ink);outline-offset:-1px}.contact-sheet .df-textarea{resize:vertical;width:100%;height:200px;min-height:96px;max-height:200px;font-family:var(--sans);color:var(--ink);background:var(--white);border:1px solid #cfcfcf;border-radius:20px;flex:none;padding:16px 20px;font-size:16px;line-height:1.5}.contact-sheet .df-textarea::placeholder{color:var(--muted)}.contact-sheet .df-textarea:focus{outline:1px solid var(--ink);outline-offset:-1px}.contact-sheet .df-opts{flex-direction:column;gap:10px;width:100%;display:flex}.contact-sheet .df-opt{border:1px solid var(--rule);background:var(--white);cursor:pointer;text-align:left;width:100%;height:50px;font-family:var(--sans);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 15px;font-size:14px;transition:border-color .18s,background .18s;display:flex}.contact-sheet .df-opt:hover{border-color:#cfcfcf}.contact-sheet .df-radio-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-sheet .df-radio{border:1.5px solid #cfcfcf;border-radius:50%;flex:none;width:22px;height:22px;transition:border-color .18s;position:relative}.contact-sheet .df-radio-input:checked+.df-opt,.contact-sheet .df-radio-input:checked+.df-opt .df-radio{border-color:var(--muted)}.contact-sheet .df-radio-input:checked+.df-opt .df-radio:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:5px}.contact-sheet .df-radio-input:focus-visible+.df-opt{outline:1.5px solid var(--ink);outline-offset:2px}.contact-sheet .df-submit{color:#fff;width:100%;height:44px;font-family:var(--sans);cursor:pointer;background:#000;border:0;border-radius:999px;font-size:14px;transition:background-color .2s}.contact-sheet .df-submit:hover{background:var(--ink)}.contact-sheet .df-submit:focus-visible{outline-offset:2px;outline:1.5px solid #000}.contact-sheet .status-msg{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);min-height:12px;margin:0;font-size:10px}.contact-close{display:none}@media (max-width:820px){.contact-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:20vh;overflow-y:auto}.contact-close{z-index:3;cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex;position:sticky;top:0}.contact-close:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}.contact-sheet,.contact-sheet.note-open{height:auto;transition:none;position:relative}.contact-sheet .demo-grid{padding:var(--pad) var(--pad) var(--pad);z-index:2;flex-direction:column;height:auto;position:relative;overflow:visible}.contact-sheet .demo-left,.contact-sheet .demo-right{flex:none;padding:32px 0}.contact-sheet .demo-right{border-left:0;border-top:1px solid var(--rule);padding-left:0}.contact-sheet .demo-left{padding-right:0}}