.faq{--faq-ease:cubic-bezier(.22, 1, .36, 1);--faq-accent:var(--color-accent);--faq-ink:var(--color-brand);--faq-answer:#f2f3f5;--faq-radius:1.6rem}.faq-row{flex-flow:row;justify-content:flex-start;align-items:stretch;gap:1.7rem;display:flex}.faq-card{--dot:4.4rem;--ring:.7rem;z-index:1;min-width:0;max-width:27rem;padding-top:calc(var(--dot) / 2 + var(--ring));animation:faq-in .7s var(--faq-ease) both;flex:1 1 0;position:relative}.faq-card:first-child{animation-delay:40ms}.faq-card:nth-child(2){animation-delay:.12s}.faq-card:nth-child(3){animation-delay:.2s}.faq-card__dot{top:calc(var(--dot) / 2 + var(--ring));z-index:3;width:var(--dot);height:var(--dot);background:var(--faq-accent);box-shadow:0 0 0 var(--ring) #fcf8f3;transition:transform .4s var(--faq-ease);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.faq-card__inner{border:1.5px solid var(--faq-accent);border-radius:var(--faq-radius);height:27rem;transition:grid-template-rows .55s var(--faq-ease), transform .4s var(--faq-ease), box-shadow .4s var(--faq-ease), border-color .3s ease;background:#fff;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);padding:.65rem;display:grid;box-shadow:0 12px 30px #23302a0e}.faq-card__q,.faq-card__a{text-align:right;min-height:0;transition:padding .55s var(--faq-ease), opacity .35s ease;outline:none;overflow:hidden}.faq-card__q{padding:calc(var(--dot) / 2 + .6rem) 1.35rem .9rem}.faq-card__a{border-radius:calc(var(--faq-radius) - .5rem);background:var(--faq-answer);padding:1.5rem 1.35rem}.faq-card__label{color:var(--faq-ink);margin:0;font-size:2.2rem;font-weight:900;line-height:1.1}.faq-card__text{color:var(--faq-ink);opacity:.85;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:.5rem;font-size:1.05rem;font-weight:400;line-height:1.5;transition:opacity .3s;display:-webkit-box;overflow:hidden}.faq-card__q .faq-card__text{-webkit-line-clamp:2}:is(.faq-card__inner:has(.faq-card__q:hover),.faq-card__inner:has(.faq-card__q:focus-visible)){grid-template-rows:minmax(0,1fr) minmax(0,.24fr)}:is(.faq-card__inner:has(.faq-card__a:hover),.faq-card__inner:has(.faq-card__a:focus-visible)){grid-template-rows:minmax(0,.24fr) minmax(0,1fr)}:is(.faq-card__inner:has(.faq-card__q:hover) .faq-card__a,.faq-card__inner:has(.faq-card__q:focus-visible) .faq-card__a){padding-block:1rem 0}:is(.faq-card__inner:has(.faq-card__q:hover) .faq-card__a .faq-card__text,.faq-card__inner:has(.faq-card__q:focus-visible) .faq-card__a .faq-card__text,.faq-card__inner:has(.faq-card__a:hover) .faq-card__q .faq-card__text,.faq-card__inner:has(.faq-card__a:focus-visible) .faq-card__q .faq-card__text){opacity:0}:is(.faq-card__inner:has(.faq-card__a:hover) .faq-card__q,.faq-card__inner:has(.faq-card__a:focus-visible) .faq-card__q){padding-block:calc(var(--dot) / 2 + .2rem) 0}.faq-card__q:hover .faq-card__text,.faq-card__q:focus-visible .faq-card__text,.faq-card__a:hover .faq-card__text,.faq-card__a:focus-visible .faq-card__text{-webkit-line-clamp:unset;display:block}.faq-card:hover .faq-card__inner,.faq-card:focus-within .faq-card__inner{border-color:#e57a45;box-shadow:0 20px 42px #23302a1c}.faq-card:hover .faq-card__dot,.faq-card:focus-within .faq-card__dot{transform:translate(-50%,-50%)scale(1.06)}.faq-more{z-index:2;color:var(--faq-ink);animation:faq-in .7s var(--faq-ease) .28s both;flex:none;align-self:center;align-items:center;margin-inline-end:-.55rem;text-decoration:none;display:flex;position:relative}.faq-more__graphic{filter:none;width:9.35rem;height:4.55rem;transition:transform .4s var(--faq-ease), filter .4s var(--faq-ease);display:block;overflow:visible}.faq-more__circle-fill{fill:var(--faq-accent);transition:fill .3s}.faq-more__arrow{stroke:var(--faq-ink);stroke-width:2.15px;stroke-linecap:round;stroke-linejoin:round}.faq-more:hover .faq-more__graphic,.faq-more:focus-visible .faq-more__graphic{filter:none;transform:translate(-6px)}.faq-more:hover .faq-more__circle-fill,.faq-more:focus-visible .faq-more__circle-fill{fill:var(--color-accent-dark)}.faq-more:focus-visible{outline:none}.faq-more:focus-visible .faq-more__graphic{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:999px}.faq--page .faq-row{flex-wrap:wrap;row-gap:2.15rem}@media (min-width:1024px){.faq--page .faq-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 2rem;display:grid}.faq--page .faq-card{max-width:none}}@media (min-width:1440px){.faq--page .faq-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes faq-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.faq-more__graphic{width:7.4rem;height:4.05rem}}@media (max-width:1023px){.faq-row{flex-wrap:wrap;justify-content:center;row-gap:2rem}.faq-card{flex:0 21rem}.faq-more{order:1;margin-top:.35rem}}@media (max-width:640px){.faq-card{--dot:3.6rem;flex-basis:100%;max-width:24rem}.faq-card__inner{height:19rem}}@media (prefers-reduced-motion:reduce){.faq-card,.faq-more,.faq-card__inner,.faq-card__dot,.faq-more__graphic{transition:none!important;animation:none!important}.faq-card__q,.faq-card__a{transition:none!important}.faq-card:hover .faq-card__dot,.faq-card:focus-within .faq-card__dot,.faq-more:hover .faq-more__graphic,.faq-more:focus-visible .faq-more__graphic{transform:none}}
