.haper-wrap{max-width:1000px}.haper-form{min-height:560px}.haper-form fieldset{border:0;padding:0;margin:0;min-width:0}.haper-form legend{font-weight:700;text-transform:uppercase;margin-bottom:22px;font-size:16px}.haper-form h2{font-size:36px;max-width:850px;line-height:1.25}.haper-form h2+p{margin-top:24px}.haper-progress{display:flex;align-items:center;gap:24px;margin-bottom:45px;font-size:14px;font-weight:700}.haper-progress progress{width:180px;height:8px;accent-color:#000}.haper-choices{display:grid;gap:12px;margin-top:32px;max-width:680px}.haper-choices label{display:flex;align-items:center;gap:16px;border:2px solid #000;padding:18px 22px;background:#fff;cursor:pointer;font-weight:600;border-radius:4px}.haper-choices label:has(input:checked){background:var(--yellow)}.haper-choices input{width:20px;height:20px;flex:0 0 20px;accent-color:#000}.haper-back{display:flex;align-items:center;gap:10px;margin-top:30px;padding:12px 0;border:0;background:none;font-weight:700}.haper-back img{width:20px;height:20px;transform:rotate(-90deg);filter:brightness(0)}.haper-error{margin-top:20px;color:#a51b1b}.haper-summary{margin-block:24px}.haper-summary summary{font-weight:700;cursor:pointer}.haper-summary p{margin-top:18px;font-size:15px}.haper-form .contact-form label{margin-top:18px}.haper-form .contact-form textarea{min-height:100px}.haper-form [data-haper-welcome] p{margin-top:24px}.haper-form .form-errors:empty{display:none}
.case-draft{font-size:14px;margin-bottom:24px}.case-index{display:flex;flex-wrap:wrap;gap:24px;font-weight:700}.case-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;align-items:center}.case-layout p{margin-top:24px}.case-layout .case-category{margin-top:0;margin-bottom:24px;font-size:15px;font-weight:700;text-transform:uppercase}.case-layout img{width:100%;height:420px;object-fit:contain}.case-reverse>div{grid-column:2;grid-row:1}.case-reverse>img{grid-column:1;grid-row:1}.case-layout h2{font-size:48px}
@media(max-width:760px){.haper-form{min-height:480px}.haper-form h2{font-size:25px}.haper-form legend{font-size:13px}.haper-progress{margin-bottom:30px}.haper-choices label{padding:16px;font-size:14px}.case-layout{grid-template-columns:minmax(0,1fr);gap:30px}.case-layout h2{font-size:30px}.case-layout img{height:270px}.case-reverse>div,.case-reverse>img{grid-column:auto;grid-row:auto}}
