.contact-shell{background:#f3f0e9;min-height:100vh}.contact-page{grid-template-columns:.85fr 1.15fr;align-items:start;gap:70px;width:min(1060px,100% - 40px);margin:0 auto;padding:72px 0 100px;display:grid}.contact-intro h1{letter-spacing:-2px;margin:17px 0 18px;font:50px/1.02 Georgia,serif}.contact-intro>p:not(.eyebrow){color:#637076;line-height:1.7}.contact-intro>div{border-left:3px solid var(--red);background:#fff;margin-top:34px;padding:19px}.contact-intro>div strong,.contact-intro>div span{display:block}.contact-intro>div span{color:#69747a;margin-top:6px;font-size:12px;line-height:1.5}.contact-form{background:#fff;border:1px solid #ded9cf;border-radius:15px;padding:34px;box-shadow:0 18px 55px #17222c14}.contact-form label,.contact-detail label{text-transform:uppercase;letter-spacing:.6px;gap:8px;margin-bottom:19px;font-size:11px;font-weight:900;display:grid}.contact-form input,.contact-form select,.contact-form textarea,.contact-detail textarea,.contact-inbox-toolbar input,.contact-inbox-toolbar select{width:100%;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #d9d5cc;border-radius:9px;outline:none;padding:13px 14px;font-size:13px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.contact-detail textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #d64f381a}.contact-form>small{text-align:right;color:#899094;margin:-12px 0 18px;font-size:9px;display:block}.contact-form>button,.contact-success button,.contact-actions button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:13px 17px;font-size:11px;font-weight:900}.contact-form>button:disabled,.contact-actions button:disabled{opacity:.45}.form-error{color:#a43624;background:#fff0ed;border-radius:7px;padding:11px;font-size:11px}.contact-success{text-align:center;background:#fff;border:1px solid #d7e3d8;border-radius:15px;padding:45px}.contact-success>span{color:#387644;background:#e8f4e9;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-weight:900;display:grid}.contact-success h2{font:29px Georgia,serif}.contact-success p{color:#69747a}.contact-inbox{background:#fff;border:1px solid #ddd8cf;border-radius:13px;overflow:hidden}.contact-inbox-toolbar{border-bottom:1px solid #e4e0d8;grid-template-columns:1fr 210px;gap:12px;padding:16px;display:grid}.contact-inbox-grid{grid-template-columns:350px 1fr;min-height:620px;display:grid}.contact-list{border-right:1px solid #e4e0d8;max-height:720px;overflow:auto}.contact-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eeeae3;gap:8px;width:100%;padding:18px;display:grid}.contact-list>button.active{box-shadow:inset 3px 0 var(--red);background:#fff5f2}.contact-list>button>span{color:var(--red);text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.contact-list>button>strong{font:16px Georgia,serif}.contact-list>button>small{color:#7b8387;font-size:9px}.contact-list>p{color:#758086;padding:25px;font-size:11px}.contact-status{color:#687177;text-transform:uppercase;background:#ece9e3;border-radius:99px;padding:5px 8px;font-size:8px;display:inline-flex}.contact-status.open{color:#885d0b;background:#fff0d6}.contact-status.in_progress{color:#345d99;background:#e7efff}.contact-status.resolved{color:#387644;background:#e7f5e8}.contact-status.closed{color:#6c6c75;background:#ececef}.contact-detail{padding:34px}.contact-detail-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.contact-detail-head small{color:var(--red);text-transform:uppercase;font-weight:900}.contact-detail h2{margin:8px 0 0;font:31px Georgia,serif}.contact-detail dl{background:#f7f4ee;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0;padding:18px;display:grid}.contact-detail dl div:last-child:nth-child(3){grid-column:1/-1}.contact-detail dt{color:#858c90;text-transform:uppercase;font-size:9px;font-weight:900}.contact-detail dd{margin:5px 0 0;font-size:12px}.contact-detail dd span{color:#69747a}.contact-message{margin-bottom:25px}.contact-message small{color:#858c90;text-transform:uppercase;font-size:9px;font-weight:900}.contact-message p{white-space:pre-wrap;line-height:1.7}.contact-actions{flex-wrap:wrap;gap:8px;display:flex}.contact-actions button:not(:first-child){color:var(--ink);background:#ece9e3}.contact-actions button.current{outline:2px solid var(--red)}@media (max-width:900px){.contact-page{grid-template-columns:1fr;gap:35px}.contact-inbox-grid{grid-template-columns:1fr}.contact-list{border-bottom:1px solid #e4e0d8;border-right:0;max-height:340px}}@media (max-width:620px){.contact-page{width:calc(100% - 26px);padding:35px 0 60px}.contact-intro h1{font-size:37px}.contact-form{padding:24px 18px}.contact-inbox-toolbar{grid-template-columns:1fr}.contact-detail{padding:22px 16px}.contact-detail dl{grid-template-columns:1fr}.contact-detail dl div:last-child:nth-child(3){grid-column:auto}}