header{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}header h1,header p{text-align:center;margin:0}header h1{font-weight:700;line-height:1.2}header p{max-width:48rem;margin:0 auto;font-size:1.125rem;line-height:1.75rem}main{grid-template-columns:1fr;grid-template-areas:"start""aside""end";padding:1.5rem;display:grid}@media not (max-width:768px){main{grid-template-columns:1fr 1fr;grid-template-areas:"start aside""end aside"}}@media not (max-width:1024px){main{grid-template-columns:2fr 1fr;grid-template-areas:"start aside""end end"}}main div:first-of-type{grid-area:start;margin-bottom:2rem}main div:last-of-type{grid-area:end}main div h2{color:var(--jq-primary-color);border-bottom:1px solid var(--jq-primary-color);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:400}main div h3{color:var(--jq-secondary-color);margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:400}main div p{margin-bottom:1.25rem;line-height:1.8}main aside{flex-direction:column;grid-area:aside;align-items:center;display:flex}main aside figure{max-width:250px}main aside figure img{border-radius:.5rem;width:100%;height:auto}main aside figure figcaption{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}main aside figure figcaption span{text-align:center}main aside figure figcaption span:last-of-type{font-size:.875rem}main aside menu{grid-template-columns:repeat(2,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media not (max-width:768px){main aside menu{grid-template-columns:repeat(4,1fr)}}:is(main aside menu li a:hover,main aside menu li a:focus) img{z-index:10;transform:scale(1.2)}main aside menu li a img{border-radius:1rem;width:4rem;height:4rem;transition:transform .3s}main aside p.footer-note{color:var(--jq-text-color-mute);font-size:.75rem}