.hh-public .design-elements-page{max-width:var(--max);margin:0 auto;padding:clamp(3.5rem,8vw,7rem) 2rem 6rem}.hh-public .design-elements-intro{max-width:48rem;margin-bottom:3rem}.hh-public .design-elements-intro .kicker{color:var(--wine);letter-spacing:.14em;margin-bottom:1rem;font-size:.75rem;font-weight:800}.hh-public .design-elements-intro h1{max-width:10ch;margin-bottom:1.25rem;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.94}.hh-public .design-elements-intro>p:last-child{max-width:30rem;color:var(--muted);margin:0;font-size:1.08rem}.hh-public .design-elements-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.hh-public .design-elements-choice{border:1px solid var(--line);background:#fff;border-radius:0;grid-template-rows:auto 1fr auto;min-height:23rem;padding:clamp(1.5rem,4vw,3rem);transition:border-color .2s,background .2s;display:grid}.hh-public .design-elements-choice:hover{border-color:var(--wine);background:#f7f9fa}.hh-public .design-elements-choice:focus-visible{outline-offset:4px;outline:3px solid #0b70d8}.hh-public .design-elements-art{min-height:6rem;color:var(--wine);letter-spacing:.08em;font:3.75rem/1 Georgia,Times New Roman,serif;display:block}.hh-public .design-elements-type{letter-spacing:.02em;font-size:2.75rem;line-height:.78}.hh-public .design-elements-choice h2{margin:1rem 0 .65rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.hh-public .design-elements-choice p{max-width:19rem;color:var(--muted);margin:0}.hh-public .design-elements-choice strong{color:var(--wine);letter-spacing:.02em;margin-top:2rem;font-size:.85rem}.hh-public .design-elements-choice strong span{margin-left:.5rem}.hh-public .design-elements-note{border-top:1px solid var(--line);border-radius:0;max-width:46rem;margin-top:3.5rem;padding-top:1.25rem}.hh-public .design-elements-note p{max-width:34rem;color:var(--muted);margin:0;font-size:.92rem}@media (max-width:650px){.hh-public .design-elements-page{padding:3.25rem 1.25rem 4rem}.hh-public .design-elements-intro{margin-bottom:2rem}.hh-public .design-elements-intro h1{font-size:clamp(3rem,15vw,4.3rem)}.hh-public .design-elements-choices{grid-template-columns:1fr}.hh-public .design-elements-choice{grid-template-rows:1fr auto;grid-template-columns:6rem 1fr;column-gap:1rem;min-height:0;padding:1.35rem}.hh-public .design-elements-art{grid-row:1/span 2;min-height:0;font-size:2.7rem}.hh-public .design-elements-type{font-size:2rem}.hh-public .design-elements-choice h2{margin:0 0 .45rem;font-size:2rem}.hh-public .design-elements-choice strong{grid-column:2;margin-top:1.25rem}.hh-public .design-elements-note{margin-top:2.25rem}}