.hero-sub{max-width:640px}.hero-actions .btn,.cta-band-inner .btn{padding:.62em 1.35em;font-size:.86rem;letter-spacing:.01em;box-shadow:0 4px 14px #66e40f24}.hero-actions .btn-primary:hover,.cta-band-inner .btn-primary:hover{box-shadow:0 8px 22px #66e40f47}.hero-actions .btn svg,.cta-band-inner .btn svg{width:15px;height:15px}.hero-stat-strip{display:flex;flex-wrap:wrap;gap:2.2rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--line)}.hero-stat-strip .stat b{display:block;font:500 1.7rem var(--font-display);background:linear-gradient(135deg,var(--ink),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stat-strip .stat span{color:var(--ink-muted);font-size:.82rem}.intro{padding:4.5rem 0 0}.intro .wrap{max-width:760px}.intro p{font-size:1.02rem;line-height:1.7;margin:0}.catalog{padding:3.5rem 0 5.5rem}.effect-groups{display:flex;flex-direction:column;gap:4.4rem}.effect-group-head{display:flex;align-items:center;gap:1rem;margin-bottom:.4rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}.effect-group-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:var(--surface);border:1px solid var(--line)}.effect-group-icon svg{width:20px;height:20px}.effect-group.is-warm .effect-group-icon{color:var(--amber)}.effect-group.is-cold .effect-group-icon{color:var(--cyan)}.effect-group-head h2{font:500 1.5rem var(--font-display)}.effect-group-count{margin-left:auto;flex-shrink:0;color:var(--ink-muted);font-size:.82rem;white-space:nowrap}.effect-list{display:flex;flex-direction:column}.effect-row{display:grid;grid-template-columns:1fr .95fr;gap:3.2rem;align-items:center;padding:2.8rem 0;border-top:1px solid var(--line-soft)}.effect-list .effect-row:first-child{border-top:0;padding-top:0}.effect-row.no-photos{grid-template-columns:1fr}.effect-row:nth-child(2n):not(.no-photos) .effect-info{order:2}.effect-row:nth-child(2n):not(.no-photos) .effect-photos{order:1}.effect-info h3{font:500 1.32rem var(--font-display);color:var(--ink);margin-bottom:.6rem}.effect-info p{font-size:.96rem;line-height:1.65;margin:0;max-width:40ch}.effect-photos{position:relative;aspect-ratio:6 / 5}.effect-photo{position:absolute;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 40px -26px #000000a6;transition:transform .5s var(--ease)}.effect-photo:first-child{inset:0 20% 16% 0;z-index:1}.effect-photo:last-child{inset:24% 0 0 34%;z-index:2;border:3px solid var(--bg);box-shadow:0 26px 44px -22px #000000b3}.effect-row:nth-child(2n):not(.no-photos) .effect-photo:first-child{inset:0 0 16% 20%}.effect-row:nth-child(2n):not(.no-photos) .effect-photo:last-child{inset:24% 34% 0 0}.effect-photo img{width:100%;height:100%;object-fit:cover}.effect-row:hover .effect-photo:first-child{transform:translate(-5px,-5px)}.effect-row:hover .effect-photo:last-child{transform:translate(5px,5px)}.reveal.in-view .effect-row{animation:effect-row-in .55s var(--ease) both}.effect-row:nth-child(1){animation-delay:.02s}.effect-row:nth-child(2){animation-delay:.07s}.effect-row:nth-child(3){animation-delay:.12s}.effect-row:nth-child(4){animation-delay:.17s}.effect-row:nth-child(5){animation-delay:.22s}@keyframes effect-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.category-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2.8rem;margin-top:1.4rem;border-top:1px solid var(--line)}.category-nav a{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-muted);font-size:.92rem;font-weight:500;transition:color .2s var(--ease)}.category-nav a:hover{color:var(--green)}.category-nav svg{width:16px;height:16px;transition:transform .25s var(--ease)}.category-nav a:hover svg{transform:translate(-3px)}.cta-band{padding:6rem 0}@media(max-width:860px){.effect-row{grid-template-columns:1fr;gap:1.4rem;padding:2rem 0}.effect-row.no-photos{padding:1.6rem 0}.effect-row:nth-child(2n):not(.no-photos) .effect-info,.effect-row:nth-child(2n):not(.no-photos) .effect-photos{order:initial}.effect-row:nth-child(2n):not(.no-photos) .effect-photo:first-child{inset:0 20% 16% 0}.effect-row:nth-child(2n):not(.no-photos) .effect-photo:last-child{inset:24% 0 0 34%}.effect-photos{max-width:380px}}@media(max-width:560px){.hero-stat-strip{gap:1.4rem}.effect-group-head{flex-wrap:wrap}.effect-group-count{margin-left:0;width:100%}.effect-photos{max-width:none}}
