.effects-page{--effects-surface: #151515;--effects-raised: #202020;--effects-line: #373737;--effects-muted: #bdbdbd;--effects-quiet: #949494;--effects-warm: #351106;--effects-ease: cubic-bezier(.16, 1, .3, 1)}.effects-main{min-height:calc(100svh - 72px)}.effects-skip{position:fixed;top:12px;left:16px;z-index:20;padding:12px 18px;border-radius:6px;background:var(--orange);color:var(--ink);font-weight:600;text-decoration:none;transform:translateY(-160%)}.effects-skip:focus{transform:none}.effects-hero{position:relative;isolation:isolate;padding:52px 32px 76px;text-align:center}.effects-hero:before{content:"";position:absolute;inset:-72px 0 0;z-index:-1;background:radial-gradient(ellipse at 90% 0%,var(--effects-warm),transparent 64%);pointer-events:none}.effects-fan{position:relative;width:min(100%,780px);height:clamp(180px,24vw,290px);margin:0 auto 38px}.effects-fan{touch-action:pan-y}.effects-fan-slot{position:absolute;left:50%;top:12%;display:grid;place-items:center;width:40%;aspect-ratio:16 / 10;margin-left:-20%;padding:0;overflow:hidden;border:1px solid var(--effects-line);border-radius:12px;background:var(--effects-surface);box-shadow:0 18px 36px #0000004d;transform:translate(var(--slot-x),var(--slot-y)) rotate(var(--slot-angle)) scale(var(--slot-scale))}.effects-showcase[data-ready] .effects-fan-slot{transition:transform .65s var(--effects-ease);cursor:pointer}.effects-fan-slot picture,.effects-fan-slot img{display:block;width:100%;height:100%}.effects-fan-slot img{object-fit:contain}.effects-fan-slot:disabled{opacity:1}.effects-fan-slot:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}.effects-fan-slot[data-position="0"]{--slot-x: -76%;--slot-y: 19%;--slot-angle: -10deg;--slot-scale: .76;z-index:1}.effects-fan-slot[data-position="1"]{--slot-x: -42%;--slot-y: 8%;--slot-angle: -6deg;--slot-scale: .9;z-index:2}.effects-fan-slot[data-position="2"]{--slot-x: 0%;--slot-y: 0%;--slot-angle: 0deg;--slot-scale: 1;z-index:3}.effects-fan-slot[data-position="3"]{--slot-x: 42%;--slot-y: 8%;--slot-angle: 6deg;--slot-scale: .9;z-index:2}.effects-fan-slot[data-position="4"]{--slot-x: 76%;--slot-y: 19%;--slot-angle: 10deg;--slot-scale: .76;z-index:1}.effects-title{margin:0;font-family:Barlow,sans-serif;font-size:clamp(2.5rem,4vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.effects-title span{color:var(--orange)}.effects-intro{margin:20px auto 0;max-width:65ch;color:var(--effects-muted);font-size:18px;line-height:1.65;text-wrap:pretty}.effects-directory{max-width:1664px;margin:0 auto;padding:0 32px 112px}.effects-directory-heading{display:flex;align-items:center;min-height:52px;margin-bottom:20px;border-bottom:1px solid var(--effects-line)}.effects-directory-heading h2{margin:0;padding-bottom:16px;font-size:18px;font-weight:600}.effects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.effect-card{display:block;min-width:0;border-radius:12px;overflow:hidden;background:#101010;color:var(--paper);text-decoration:none}.effect-card-cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;background:var(--effects-surface);color:var(--effects-muted);transition:background-color .18s var(--effects-ease)}.effect-card-cover>span:first-child{padding:16px;font-size:14px}.effect-card-state{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:4px;background:#252525;color:var(--effects-muted);font-size:12px}.effect-card-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 16px}.effect-card-caption h3{margin:0;font-size:18px;line-height:1.3;font-weight:600}.effect-card-caption svg{flex-shrink:0;color:var(--effects-muted);transition:transform .18s var(--effects-ease),color .18s var(--effects-ease)}.effect-card:focus-visible .effect-card-cover{background:var(--effects-raised)}.effect-card:focus-visible .effect-card-caption svg{color:var(--orange);transform:translate(3px)}.effects-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:1264px;margin:0 auto;padding:28px 32px 0;color:var(--effects-muted);font-size:14px}.effects-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.effects-breadcrumb svg{flex-shrink:0}.effects-breadcrumb [aria-current]{color:var(--paper)}@media(hover:hover){.effect-card:hover .effect-card-cover{background:var(--effects-raised)}.effect-card:hover .effect-card-caption svg{color:var(--orange);transform:translate(3px)}.effects-breadcrumb a:hover{color:var(--orange)}}@media(max-width:1100px){.effects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.effects-hero{padding:36px 16px 48px}.effects-fan{height:clamp(140px,38vw,230px);margin-bottom:28px}.effects-fan-slot{border-radius:8px}.effects-title{font-size:clamp(2rem,7.5vw,3rem)}.effects-intro{margin-top:16px;font-size:16px}.effects-directory{padding:0 16px 64px}.effects-directory-heading{margin-bottom:16px}.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.effect-card-cover{aspect-ratio:4 / 5}.effect-card-cover>span:first-child{font-size:13px;text-align:center}.effect-card-state{left:8px;top:8px;padding:4px 6px;font-size:11px}.effect-card-caption{align-items:flex-start;min-height:60px;padding:12px;gap:6px}.effect-card-caption h3{font-size:16px}.effect-card-caption svg{width:18px;height:18px;margin-top:2px}.effects-breadcrumb{padding:16px 16px 0;font-size:13px;gap:8px}}@media(max-width:359px){.effects-grid{grid-template-columns:minmax(0,1fr)}.effect-card-cover{aspect-ratio:16 / 10}}@media(prefers-reduced-motion:reduce){.effects-showcase[data-ready] .effects-fan-slot,.effect-card-cover,.effect-card-caption svg{transition:none}}