.site-shell{max-width:390px}
.hero-reference{position:relative;width:100%;background:#f8f4eb}
.hero-reference>img{display:block;width:100%;height:auto}
.hero-hit{position:absolute;z-index:3;left:10.8%;top:79.5%;width:78.4%;height:7.1%;border:0;border-radius:24px;background:transparent;cursor:pointer}
.hero-hit:focus-visible{outline:3px solid #fff;outline-offset:-5px}
@media(min-width:521px){.site-shell{border-radius:0}}
.modal-sheet{left:50%;right:auto;bottom:12px;width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:22px 18px 18px;border-radius:22px;transform:translateX(-50%);animation:compact-sheet-in .22s ease-out}
.modal-close{right:12px;top:11px;width:36px;height:36px;font-size:23px}
.modal-sheet h2{font-size:24px;line-height:1.12;margin:0 42px 6px 0}
.modal-copy{font-size:12px;line-height:1.4;margin-bottom:13px}
.modal label{font-size:11px;margin-top:10px}
.modal input,.modal textarea{margin-top:5px;padding:11px 12px;border-radius:11px}
.modal input{height:44px}
.modal textarea{height:68px;min-height:68px}
.modal .form-error{min-height:16px;margin:6px 0;font-size:11px}
.modal .primary{min-height:48px;border-radius:14px;padding:11px 16px}
.modal .privacy{font-size:9px;margin-top:8px}
@keyframes compact-sheet-in{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-height:620px){.modal-sheet{bottom:6px;max-height:calc(100dvh - 12px);padding-top:18px}.modal-copy{display:none}.modal textarea{height:52px;min-height:52px}}
@media(max-width:520px){.hero-reference{height:100svh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.hero-reference>img{width:100%;height:100%;object-fit:fill;object-position:center top}}
