.effects-directory{height:calc(100dvh - 52px);overflow-y:auto;background:#08090f;color:#fafaf9;font-family:ui-sans-serif,system-ui,sans-serif;scrollbar-gutter:stable;scroll-behavior:smooth}.effects-directory *,.effects-directory *:before,.effects-directory *:after{box-sizing:border-box}.effects-directory h1,.effects-directory h2,.effects-directory h3,.effects-directory p,.effects-directory ol{margin:0}.effects-directory a{color:inherit;text-decoration:none}.effects-directory a:focus-visible,.effects-directory summary:focus-visible{outline:2px solid #f97316;outline-offset:4px}.effects-directory-container{max-width:1280px;margin:0 auto;padding:64px 32px}.effects-directory-header{max-width:760px}.effects-directory-header>nav:first-child{display:flex;gap:8px;color:#85858e;font-size:14px;line-height:20px}.effects-directory-header>nav:first-child a:hover{color:#fff}.effects-directory-eyebrow{margin-top:24px!important;color:#f97316;font-size:14px;font-weight:600;line-height:20px}.effects-directory h1{margin-top:12px;font-size:48px;font-weight:700;letter-spacing:-1.6px;line-height:1}.effects-directory-intro{margin-top:20px!important;color:#9a9aa4;font-size:16px;line-height:28px}.effects-directory-categories{display:flex;gap:12px;margin-top:28px}.effects-directory-categories a{padding:8px 20px;border:1px solid #28282e;border-radius:999px;font-size:14px;font-weight:600;line-height:20px}.effects-directory-categories a:hover{color:#fb923c;border-color:#f97316}.effects-directory-section{margin-top:48px;scroll-margin-top:24px}.effects-directory h2{font-size:24px;font-weight:700;letter-spacing:-.35px;line-height:32px}.effects-directory-section>p{margin-top:8px;color:#8b8b94;font-size:14px;line-height:22px}.effects-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.effects-directory-card{display:block;min-width:0;overflow:hidden;border:1px solid #26262d;border-radius:12px;background:#0e0f15;transition:border-color .2s,transform .2s}.effects-directory-card:hover{border-color:#494950;transform:translateY(-2px)}.effects-directory-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#000}.effects-directory-card-media img,.effects-directory-card-media video{display:block;width:100%;height:100%;object-fit:contain}.effects-directory-card-video video{object-fit:contain}.effects-directory-play{position:absolute;top:50%;left:50%;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:#00000059;color:#fff;pointer-events:none}.effects-directory-card-copy{padding:20px}.effects-directory-card-copy h3{font-size:18px;font-weight:600;line-height:28px}.effects-directory-card-copy p{margin-top:8px;color:#93939d;font-size:14px;line-height:22px}.effects-directory-card-copy>span{display:flex;align-items:center;gap:8px;margin-top:16px;color:#f97316;font-size:14px;font-weight:500;line-height:22px}.effects-directory-how{margin-top:64px}.effects-directory-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;margin-top:32px}.effects-directory-how li>span{color:#f97316;font-size:14px;font-weight:600}.effects-directory-how h3{margin-top:12px;font-size:18px;font-weight:600;line-height:28px}.effects-directory-how p{margin-top:12px;color:#93939d;font-size:14px;line-height:24px}.effects-directory-faq{max-width:900px;margin-top:64px}.effects-directory-faq>div{margin-top:24px}.effects-directory-faq details{border-bottom:1px solid #25252e}.effects-directory-faq summary{padding:22px 0;font-size:16px;font-weight:500;cursor:pointer}.effects-directory-faq details p{padding:0 0 24px;color:#9a9aa4;font-size:14px;line-height:25px}.effects-directory-faq>p{margin-top:24px;color:#93939d;font-size:14px}.effects-directory-faq>p a{color:#f97316}@media(max-width:1050px){.effects-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.effects-directory-container{padding:48px 20px}.effects-directory h1{font-size:36px;line-height:40px;letter-spacing:-.8px}.effects-directory-intro{font-size:14px;line-height:24px}.effects-directory-grid{grid-template-columns:1fr;gap:20px}.effects-directory-section{margin-top:48px}.effects-directory-how,.effects-directory-faq{margin-top:56px}.effects-directory-how ol{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:reduce){.effects-directory{scroll-behavior:auto}.effects-directory-card{transition:none}}