.p-modal .modal__panel{--pad:var(--gutter);padding:0 var(--pad) var(--pad)}.p-modal__close-rail{z-index:6;justify-content:flex-end;height:0;display:flex;position:sticky;top:0}.p-modal__close{min-height:44px;margin-top:var(--s-2);border-radius:var(--radius-pill);border:1px solid var(--c-ink);background:var(--c-surface);align-items:center;gap:12px;padding:0 6px 0 18px;font-size:14px;font-weight:500;display:inline-flex}.p-modal__close-dot{background:var(--c-ink);width:32px;height:32px;color:var(--c-white);transition:transform .6s var(--ease-out);border-radius:50%;place-items:center;display:grid}.p-modal__close-dot svg{width:14px;height:14px}@media (hover:hover){.p-modal__close:hover .p-modal__close-dot{transform:rotate(90deg)}}.p-modal__head{gap:var(--s-2);padding-top:calc(var(--s-2) + 44px + var(--s-4));padding-bottom:var(--s-5);max-width:820px;display:grid}.p-modal__icon{width:56px;height:56px;color:var(--c-primary);border:1px solid #206cc847;border-radius:50%;place-items:center;display:grid}.p-modal__icon svg{width:24px;height:24px}.p-modal__num{font-size:var(--fs-small);color:var(--c-ink-faint);font-weight:500}.p-modal__title{font-size:calc(var(--fs-h2) * .85);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.p-modal__desc{color:var(--c-ink-muted)}.p-modal__filters{z-index:5;gap:var(--s-1);margin-inline:calc(-1 * var(--pad));padding:var(--s-2) var(--pad);padding-right:calc(var(--pad) + 130px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);background:#fffffff0;display:grid;position:sticky;top:0}.p-filter{gap:var(--s-1);flex-wrap:wrap;display:flex}.p-filter__btn{border-radius:var(--radius-pill);border:1px solid var(--c-line-strong);min-height:44px;letter-spacing:var(--ls-micro);text-transform:uppercase;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:600;transition:background-color .4s,border-color .4s,color .4s;display:inline-flex}.p-filter__count{letter-spacing:0;color:var(--c-ink-faint);font-weight:500;transition:color .4s}.p-filter__btn[aria-pressed=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-white)}.p-filter__btn[aria-pressed=true] .p-filter__count{color:#fffc}@media (hover:hover){.p-filter__btn[aria-pressed=false]:hover{border-color:var(--c-green);color:var(--c-deep)}}.p-modal__status{color:var(--c-ink-muted);font-size:13px}.p-modal__body{gap:var(--s-8);padding-block:var(--s-5) var(--s-8);display:grid}.p-modal__group-label{margin-bottom:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-line-strong);font-size:var(--fs-h3);letter-spacing:var(--ls-snug);align-items:baseline;gap:10px;font-weight:500;display:flex}.p-modal__group-label span{font-size:var(--fs-small);color:var(--c-ink-faint)}.p-modal__grid{gap:var(--s-5) var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}.p-modal__footer{gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--c-line-strong);justify-items:start;display:grid}.p-modal__footer-heading{font-size:calc(var(--fs-h3) * .85);letter-spacing:var(--ls-snug);font-weight:500}.p-modal__footer-sub{color:var(--c-ink-muted)}.p-modal__footer-note{color:var(--c-ink-faint);margin-top:4px;font-size:13px}@media (width>=810px){.p-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-modal__footer{grid-template-columns:1fr auto;align-items:end}}@media (width>=810px) and (orientation:landscape){.p-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.p-modal__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=809px){.p-modal__filters{background:var(--c-surface);-webkit-backdrop-filter:none;backdrop-filter:none;position:static}}.p-cats__head{gap:var(--s-3);margin-bottom:var(--s-10);display:grid}.p-cats__title{max-width:12ch}.p-cats__description{max-width:38ch;color:var(--c-ink-muted)}.p-cats__grid{--img-w:min(82vw, 360px);row-gap:var(--s-10);column-gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}.p-cat__heading{font:inherit}.p-cat__btn{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) 0;text-align:center;border-radius:24px;flex-direction:column;display:flex}.p-cat__btn:focus-visible{outline-offset:6px}.p-cat__num{font-size:var(--fs-small);letter-spacing:.02em;color:var(--c-ink-faint);font-weight:500}.p-cat__visual{width:var(--img-w);aspect-ratio:4/5;margin-block:var(--s-2) var(--s-1);display:block;position:relative}.p-cat__frame{border-radius:var(--radius-sm);isolation:isolate;display:block;position:absolute;inset:0;overflow:hidden}.p-cat__settle,.p-cat__zoom{display:block;position:absolute;inset:0}.p-cat__zoom{transition:transform 1.1s var(--ease-out)}.p-cat__title{font-size:var(--fs-h3);font-weight:500;line-height:var(--lh-snug);letter-spacing:var(--ls-snug);max-width:16ch;display:block}.p-cat__title-text{transition:background-size .6s var(--ease-out), color .4s ease;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.p-cat__meta{font-size:var(--fs-small);color:var(--c-ink-muted);align-items:center;gap:6px;font-weight:500;display:inline-flex}.p-cat__desc{max-width:30ch;margin:var(--s-1) auto 0;text-align:center;font-size:var(--fs-small);color:var(--c-ink-muted);line-height:1.55}.p-cat__arrow{width:12px;height:12px;color:var(--c-green);transition:transform .6s var(--ease-out);transform:rotate(-45deg)}@media (hover:hover){.p-cat__btn:hover .p-cat__zoom{transform:scale(1.035)}.p-cat__btn:hover .p-cat__title-text{color:var(--c-deep);background-size:100% 1px}.p-cat__btn:hover .p-cat__arrow{transform:translate(2px,-2px)rotate(-45deg)}}@media (width>=810px){.p-cats__head{column-gap:var(--grid-gap);margin-bottom:var(--s-12);grid-template-columns:repeat(8,minmax(0,1fr))}.p-cats__eyebrow,.p-cats__title{grid-column:1/-1}.p-cats__description{grid-column:5/-1}.p-cats__grid{--img-w:min(88%, 340px);row-gap:var(--s-12);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=810px) and (orientation:landscape),(width>=1200px){.p-cats__grid{--img-w:min(94%, 320px);grid-template-columns:repeat(3,minmax(0,1fr))}.p-cat:nth-child(3n+2){margin-top:var(--s-5)}}@media (width>=1200px){.p-cats__head{grid-template-columns:repeat(12,minmax(0,1fr))}.p-cats__eyebrow{grid-column:1/span 3;align-self:start;padding-top:1.2em}.p-cats__title{grid-column:4/-1}.p-cats__description{grid-column:8/span 4}.p-cats__grid{--img-w:min(88%, 440px);row-gap:var(--s-15)}.p-cat:nth-child(3n+2){margin-top:var(--s-8)}}
