.ph{background:#fff;padding:5rem 0 2rem}@media (min-width:640px){.ph{padding:6rem 0 2.5rem}}@media (min-width:1024px){.ph{padding:6rem 0 3rem}}.ph__wrap{max-width:80rem;margin:0 auto;padding:0 1.5rem}@media (min-width:1024px){.ph__wrap{padding:0 2.5rem}}.ph__panel{background:linear-gradient(135deg,#fff 0%,#f9fafb 50%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:24px;padding:2.25rem 1.25rem;position:relative;overflow:hidden}@media (min-width:640px){.ph__panel{padding:3rem 1.5rem}}@media (min-width:1024px){.ph__panel{padding:3.75rem 2.5rem}}.ph__glow{filter:blur(64px);pointer-events:none;background:#d1d5db40;border-radius:9999px;width:24rem;height:24rem;position:absolute}.ph__glow--tr{top:0;right:0;transform:translate(50%,-50%)}.ph__glow--bl{bottom:0;left:0;transform:translate(-50%,50%)}.ph__grid{pointer-events:none;background-image:linear-gradient(90deg,#1118270f 1px,#0000 1px),linear-gradient(#1118270f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:1.5rem;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 82%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 82%)}@media (min-width:1024px){.ph__grid{inset:4rem}}.ph__inner{z-index:1;pointer-events:none;position:relative}.ph__crumbs{color:#6b7280;pointer-events:auto;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:13px;display:flex}.ph__crumbs a{color:inherit;text-decoration:none;transition:color .2s}.ph__crumbs a:hover{color:#111827}.ph__crumbs span{color:#374151;font-weight:500}.ph__crumbs .ph__chev{color:#d1d5db;font-size:8px}.ph__title{letter-spacing:-.025em;color:#111827;margin:0;font-size:2.5rem;font-weight:800;line-height:1.1}@media (min-width:1024px){.ph__title{font-size:3.5rem}}.ph__muted{color:#9ca3af}.ph__intro{color:#6b7280;max-width:40rem;margin:1.25rem 0 0;font-size:1rem;line-height:1.65}@media (min-width:1024px){.ph__intro{font-size:1.125rem}}.go{z-index:0;pointer-events:none;width:54%;height:0;display:none;position:absolute;top:50%;right:0}@media (min-width:1024px){.go{display:block}}.go__stage{width:0;height:0;position:absolute;top:0;left:50%;transform:scale(.68)}.go__ring{opacity:0;background:radial-gradient(circle,#3b82f600 58%,#3b82f617 100%);border:1px solid #3b82f666;border-radius:9999px;width:208px;height:208px;animation:8s cubic-bezier(.25,.6,.35,1) infinite go-radiate;position:absolute;top:-104px;left:-104px}.go__pivot{width:0;height:0;transform:rotate(var(--a));animation:26s linear infinite go-orbit;position:absolute;top:0;left:0}.go__sensor{max-width:none;height:auto;transform:translate(-50%, -50%) rotate(calc(var(--a) * -1));animation:26s linear infinite go-upright;position:absolute;top:0;left:225px}.go__hub{z-index:30;width:288px;max-width:none;height:auto;animation:.6s cubic-bezier(.22,1,.36,1) backwards go-in,5s ease-in-out .6s infinite go-breathe;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes go-orbit{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + 360deg))}}@keyframes go-upright{0%{transform:translate(-50%, -50%) rotate(calc(var(--a) * -1))}to{transform:translate(-50%, -50%) rotate(calc((var(--a) + 360deg) * -1))}}@keyframes go-radiate{0%{opacity:0;transform:scale(.72)}14%{opacity:.9}to{opacity:0;transform:scale(2.6)}}@keyframes go-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes go-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.03)}}@media (prefers-reduced-motion:reduce){.go__pivot,.go__sensor,.go__ring,.go__hub{animation:none}.go__ring{opacity:0}}.ph__meta{color:#9ca3af;margin:.75rem 0 0;font-size:.875rem}
.ex{background:#fff;padding:1.5rem 0 4.5rem}@media (min-width:1024px){.ex{padding:2rem 0 6rem}}.ex__wrap{max-width:80rem;margin:0 auto;padding:0 1.5rem}@media (min-width:1024px){.ex__wrap{padding:0 2.5rem}}.ex__layout{gap:1.25rem;display:grid}@media (min-width:1024px){.ex__layout{grid-template-columns:17.5rem 1fr;align-items:start;gap:2rem}}.ex__panel{background:#f6f7f9;border-radius:24px;padding:1.25rem 1.4rem .75rem;display:none}.ex__layout.is-toggled .ex__panel{display:block}@media (min-width:1024px){.ex__panel{display:block;position:sticky;top:5.5rem}.ex__layout.is-toggled{grid-template-columns:1fr}.ex__layout.is-toggled .ex__panel{display:none}.ex__layout.is-toggled .ex__grid{grid-template-columns:repeat(4,1fr)}}.ex__panel-top{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.ex__panel-top strong{color:#111827;font-size:1.0625rem;font-weight:700}.ex__panel-top button{font:inherit;color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.ex__panel-top button:disabled{color:#9ca3af;cursor:default}.ex__group{border-bottom:1px solid #e5e7eb;padding:1rem 0}.ex__group:last-child{border-bottom:0}.ex__group-head{width:100%;font:inherit;color:#111827;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:13.5px;font-weight:700;display:flex}.ex__group-head i{color:#6b7280;font-size:10px}.ex__group-body{gap:.15rem;margin-top:.75rem;display:grid}.ex__check{width:100%;font:inherit;color:#374151;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:.4rem 0;font-size:13px;display:flex}.ex__box{color:#0000;background:#fff;border:1.5px solid #c7ccd4;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;font-size:9px;transition:background-color .2s,border-color .2s,color .2s;display:grid}.ex__box.is-on{color:#fff;background:#2563eb;border-color:#2563eb}.ex__check:hover .ex__box:not(.is-on){border-color:#6b7280}.ex__check:focus-visible,.ex__group-head:focus-visible,.ex__card:focus-visible,.ex__page:focus-visible,.ex__page-arrow:focus-visible,.ex__filter-btn:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #2563eb}.ex__check-label{flex:1}.ex__count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:11.5px}.ex__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.ex__bar-left{align-items:center;gap:.6rem;display:flex}.ex__filter-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;font-size:13px;transition:background-color .25s;display:grid}.ex__filter-btn:hover{background:#1d4ed8}.ex__filter-btn[aria-pressed=true]{background:#111827}.ex__sort{position:relative}.ex__sort-btn{font:inherit;color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #0000;border-radius:10px;align-items:center;gap:.7rem;padding:.55rem .9rem;font-size:12.5px;font-weight:500;transition:background-color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.ex__sort-btn i{color:#6b7280;font-size:9px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.ex__sort-btn:hover{background:#eceef1}.ex__sort-btn.is-open{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.ex__sort-btn.is-open i{transform:rotate(180deg)}.ex__sort-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.ex__sort-list{z-index:20;background:#fff;border:1px solid #e9ebef;border-radius:14px;width:max-content;min-width:100%;margin:0;padding:.35rem;list-style:none;animation:.16s ease-out ex-pop;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 1px 2px #1118270a,0 18px 40px -16px #11182738}@keyframes ex-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.ex__sort-opt{color:#374151;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:1.5rem;padding:.55rem .7rem;font-size:12.5px;font-weight:500;transition:background-color .15s;display:flex}.ex__sort-opt.is-active{background:#f3f4f6}.ex__sort-opt.is-selected{color:#2563eb;font-weight:600}.ex__sort-opt i{font-size:10px}.ex__search{align-items:center;width:100%;margin-left:auto;display:flex;position:relative}@media (min-width:640px){.ex__search{width:16rem}}.ex__search i{color:#6b7280;font-size:12px;position:absolute;left:.9rem}.ex__search input{width:100%;font:inherit;color:#111827;background:#f3f4f6;border:0;border-radius:10px;padding:.6rem .9rem .6rem 2.3rem;font-size:12.5px}.ex__search input::placeholder{color:#6b7280}.ex__search input:focus{outline-offset:1px;outline:2px solid #2563eb}.ex__grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.ex__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem 1.1rem}}@media (max-width:479px){.ex__grid{grid-template-columns:1fr}}.ex__card{color:inherit;text-decoration:none;display:block}.ex__pic{aspect-ratio:1;background:radial-gradient(62% 85% at 50% 0,#fff 0%,#fff0 70%),linear-gradient(#f1f2f5 0%,#e6e8ec 100%);border-radius:20px;place-items:center;transition:box-shadow .4s;display:grid;position:relative;overflow:hidden}.ex__pic img{object-fit:contain;filter:drop-shadow(0 3px 4px #0f172a29)drop-shadow(0 16px 14px #0f172a38);width:auto;max-width:64%;height:56%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.ex__open{color:#fff;opacity:0;background:#2563eb;border-radius:9999px;place-items:center;width:34px;height:34px;font-size:11px;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:.8rem;right:.8rem;transform:scale(.8)}@media (hover:hover){.ex__card:hover .ex__pic{box-shadow:inset 0 0 0 1px #11182712}.ex__card:hover .ex__pic img{transform:translateY(-4px)scale(1.05)}.ex__card:hover .ex__open{opacity:1;transform:none}}.ex__card:focus-visible .ex__open{opacity:1;transform:none}.ex__info{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.8rem;display:flex}.ex__name{letter-spacing:-.01em;color:#111827;font-size:.9375rem;font-weight:700}.ex__kind{color:#6b7280;margin-top:.2rem;font-size:12px;display:block}.ex__empty{text-align:center;background:#f6f7f9;border-radius:20px;justify-items:center;gap:.9rem;padding:4rem 1rem;display:grid}.ex__empty p{color:#6b7280;margin:0;font-size:14px}.ex__empty button{font:inherit;color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.55rem 1.1rem;font-size:12.5px;font-weight:600}.ex__pages{justify-content:space-between;align-items:center;gap:1rem;margin-top:2.25rem;display:flex}.ex__pages-list,.ex__pages-arrows{align-items:center;gap:.25rem;display:flex}.ex__pages-arrows{gap:.6rem}.ex__gap{color:#9ca3af;place-items:center;min-width:26px;font-size:12.5px;display:grid}.ex__page,.ex__page-arrow{width:34px;height:34px;font:inherit;color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:9999px;place-items:center;padding:0;font-size:12.5px;font-weight:500;transition:background-color .25s,color .25s;display:grid}.ex__page:hover{background:#f3f4f6}.ex__page.is-on{color:#fff;background:#2563eb;font-weight:600;box-shadow:0 6px 14px -8px #2563ebb3}.ex__page-arrow{border:1px solid #e5e7eb;font-size:10px}.ex__page-arrow:hover:not(:disabled){background:#f3f4f6}.ex__page-arrow--next{color:#fff;background:#2563eb;border-color:#2563eb}.ex__page-arrow--next:hover:not(:disabled){background:#1d4ed8}.ex__page-arrow:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.ex__pic img,.ex__open,.ex__box,.ex__pic{transition:none}}