.hh-licence{--lic-ink:var(--ink,#252720);--lic-paper:var(--paper,#faf8f0);--lic-line:var(--line,rgb(203,203,203));display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(38px,7vw,115px);max-width:1510px;margin:auto;padding:clamp(48px,6.6vw,104px) clamp(22px,5vw,84px) clamp(65px,8vw,125px);color:var(--lic-ink);font-family:var(--sans,Arial,sans-serif);box-sizing:border-box}
.hh-licence *,.hh-licence *::before,.hh-licence *::after{box-sizing:border-box}
.hh-licence [hidden]{display:none!important}
.hh-licence .lic-kicker{font-family:var(--sans,Arial,sans-serif);text-transform:uppercase;font-size:10px;letter-spacing:.17em;font-weight:650;line-height:1.4;margin:0 0 23px;color:#64664f}
.hh-licence h1,.hh-licence h2,.hh-licence p{margin:0}
.hh-licence h1,.hh-licence h2{font-family:var(--serif,Georgia,serif);color:inherit;font-weight:400}
.hh-licence h1{font-size:clamp(62px,6.8vw,112px);letter-spacing:-.055em;line-height:.93}
.hh-licence h1 em,.hh-licence .lic-receipt h2 em{font-weight:400;color:#65694d}
.hh-licence .lic-intro>p:not(.lic-kicker){margin:24px 0 0;font-size:clamp(16px,1.2vw,19px);line-height:1.6;max-width:40ch}
.lic-edit{border-top:1px solid var(--lic-line);margin-top:clamp(30px,4vw,65px);padding-top:22px}
.lic-edit-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap}
.hh-licence .lic-edit h2{font-size:32px;line-height:1.2;letter-spacing:-.04em}
.lic-edit a,.lic-receipt>a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-size:13px}
.hh-licence [data-lic-origin],.hh-licence [data-lic-empty]{font-size:14px;line-height:1.55;color:#5a5c4e;margin:11px 0 0}
.hh-licence [data-lic-selection]{list-style:none;padding:0;margin:14px 0 0}
.hh-licence [data-lic-selection] li{display:grid;grid-template-columns:33px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--lic-line);padding:9px 0}
.lic-chip{display:block;height:34px;border:1px solid #282d251c}
.lic-colour-name,.lic-colour-origin{display:block}
.lic-colour-name{font-size:14px;line-height:1.4;font-weight:600}
.lic-colour-origin{font-size:11px;color:#636556;line-height:1.4}
.lic-remove{appearance:none;background:none;border:0;cursor:pointer;font-size:21px;line-height:1;color:#626355;min-width:44px;min-height:44px;border-radius:50%}
.lic-remove:hover{background:#e9e6da;color:var(--lic-ink)}
.lic-panel{background:#f0ede2;border:1px solid var(--lic-line);padding:clamp(22px,3.3vw,55px);align-self:start}
.hh-licence .lic-panel h2{font-size:clamp(37px,3.7vw,59px);line-height:1.04;letter-spacing:-.055em}
.hh-licence .lic-form-note,.hh-licence .lic-terms,.lic-fields label small{color:#5a5c50;font-weight:400}
.hh-licence .lic-form-note{font-size:13px;margin-top:8px}
.lic-fields{min-width:0;border:0;padding:0;margin:28px 0 0;display:grid;gap:21px}
.lic-fields>div,.lic-pair>div{min-width:0}
.lic-pair{display:grid;gap:14px;grid-template-columns:1fr 1.12fr}
.lic-fields label{display:block;font:600 13px/1.5 var(--sans,Arial,sans-serif);margin:0 0 7px}
.lic-fields label>span{color:#737551}
.lic-fields label small{font-size:12px}
.lic-fields input,.lic-fields select,.lic-fields textarea{font:400 16px/1.45 var(--sans,Arial,sans-serif);width:100%;min-height:47px;border-radius:0;border:1px solid #adae9f;background:#fcfbf5;color:var(--lic-ink);padding:10px 12px}
.lic-fields select{padding-right:28px}.lic-fields textarea{resize:vertical;display:block}.lic-fields textarea::placeholder{color:#727465}
.hh-licence .lic-terms{font-size:13px;line-height:1.55;margin:0;max-width:47ch}
.hh-licence .lic-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;justify-self:start;border:1px solid #343b30;background:#343b30;color:#faf8f0;font:600 14px/1.4 var(--sans,Arial,sans-serif);padding:12px 22px;cursor:pointer}.lic-submit span{font-size:19px;font-family:Arial,sans-serif}
.hh-licence .lic-submit:hover{background:#48513e}
.hh-licence .lic-fields:disabled,.lic-remove:disabled{opacity:.65}
.hh-licence :is(button,a,input,select,textarea):focus-visible{outline:2px solid #805334;outline-offset:3px}
.hh-licence .lic-status{font-size:14px;line-height:1.5;color:#813a2a;margin-top:12px}.hh-licence .lic-status:empty{margin:0}
.lic-receipt>p:not(.lic-kicker){font-size:16px;line-height:1.65;margin:24px 0}.lic-receipt .lic-reference{border-block:1px solid var(--lic-line);padding:16px 0}.lic-reference strong{display:block;letter-spacing:.06em;margin-top:4px}
@media(max-width:850px){.hh-licence{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}.lic-pair{grid-template-columns:1fr;gap:21px}}
@media(max-width:680px){.hh-licence{grid-template-columns:1fr;gap:30px;padding-top:38px}.hh-licence h1{font-size:clamp(55px,12vw,76px)}.hh-licence .lic-kicker{margin-bottom:16px}.hh-licence .lic-intro>p:not(.lic-kicker){margin-top:16px}.lic-edit{margin-top:22px;padding-top:16px}.hh-licence h1 br{display:none}.hh-licence h1 em::before{content:" "}.lic-panel{padding:22px 18px}.lic-fields{margin-top:22px;gap:18px}.lic-pair{gap:18px}.hh-licence .lic-edit h2{font-size:26px}}
.hh-licence [data-lic-selection]{max-height:min(50vh,34rem);overflow-y:auto;overscroll-behavior-y:contain;padding-inline:4px}
