.faq{isolation:isolate;color:var(--pg-ink);background:var(--pg-surface);border-block:1px solid var(--pg-line);padding-block:clamp(4.5rem,9vw,8rem);position:relative}.faq:before{content:"";z-index:-1;opacity:.22;pointer-events:none;background-image:url(/assets/plates/waves.webp);background-position:top;background-repeat:repeat;background-size:512px 512px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.faq__inner{width:min(100% - 2 * var(--pg-gutter), var(--pg-max));grid-template-columns:4fr 8fr;align-items:start;column-gap:clamp(2rem,6vw,6rem);margin-inline:auto;display:grid}.faq__aside{top:calc(var(--pg-nav-h) + 2rem);flex-direction:column;align-self:start;gap:1.25rem;display:flex;position:sticky}.faq__title{font-family:var(--pg-font-display);letter-spacing:-.03em;color:var(--pg-ink);text-wrap:balance;margin:0;font-size:clamp(2rem,4.5vw,3.75rem);font-weight:700;line-height:1.05}.faq__lead{max-width:60ch;font-family:var(--pg-font-body);color:var(--pg-body);margin:0;font-size:1.125rem;line-height:1.6}.faq__illustration{aspect-ratio:1;object-fit:contain;width:100%;max-width:16rem;height:auto;margin-top:1.5rem;display:block}.faq__list{border-top:1px solid var(--pg-line);flex-direction:column;display:flex}.faq__item{border-bottom:1px solid var(--pg-line);position:relative}.faq__item:before{content:"";background:var(--pg-accent);transform-origin:top;width:2px;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.faq__item[open]:before{transform:scaleY(1)}.faq__summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.375rem 0 1.375rem 1.5rem;list-style:none;display:flex}.faq__summary::-webkit-details-marker{display:none}.faq__summary::marker{content:""}.faq__summary:focus-visible{outline:2px solid var(--pg-accent);outline-offset:-2px}.faq__question{font-family:var(--pg-font-display);letter-spacing:-.01em;color:var(--pg-ink);font-size:1.0625rem;font-weight:500;line-height:1.4}.faq__summary:hover .faq__question{color:var(--pg-accent-hover)}.faq__glyph{width:1rem;height:1rem;color:var(--pg-ink);flex:none;margin-top:.2rem;position:relative}.faq__glyph:before,.faq__glyph:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;translate:-50% -50%}.faq__glyph:before{width:100%;height:1.5px}.faq__glyph:after{width:1.5px;height:100%}.faq__item[open] .faq__glyph{color:var(--pg-accent);transform:rotate(45deg)}.faq__summary:hover .faq__glyph{color:var(--pg-accent-hover)}.faq__answer{padding:0 clamp(1.5rem,4vw,3rem) 1.625rem 1.5rem}.faq__answer-text{max-width:62ch;font-family:var(--pg-font-body);color:var(--pg-body);margin:0;font-size:1rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){.faq__item:before{transition:transform .24s cubic-bezier(.2,.7,.2,1)}.faq__glyph{transition:transform .26s cubic-bezier(.2,.7,.2,1),color .16s}.faq__question{transition:color .16s}@supports (interpolate-size:allow-keywords){.faq__item{interpolate-size:allow-keywords}.faq__item::details-content{height:0;transition:height .3s cubic-bezier(.2, .7, .2, 1), content-visibility .3s allow-discrete;overflow:clip}.faq__item[open]::details-content{height:auto}}}@media (width<=860px){.faq__inner{grid-template-columns:1fr;row-gap:2.5rem}.faq__aside{position:static;top:auto}.faq__illustration{max-width:12rem;margin-top:.5rem}.faq__summary{gap:1rem;padding:1.125rem 0 1.125rem 1.125rem}.faq__answer{padding:0 1rem 1.375rem 1.125rem}}@media (width<=640px){.faq__illustration{display:none}}
