.templates-page{color:var(--neo-cream)}.templates-page .templates-directory-shell{width:min(1536px,calc(100% - 40px));padding-inline:0}.templates-page .templates-directory-heading{margin:0}.templates-page .templates-directory-heading h1,.templates-page :is(.templates-guide,.templates-about,.templates-studio-cta) h2{font-family:var(--neo-serif);font-weight:850;font-optical-sizing:none;font-variation-settings:"opsz" 72,"SOFT" 55,"WONK" 1;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}.templates-page .templates-directory-heading h1{color:var(--neo-cream);font-size:clamp(28px,3vw,40px)}.templates-page .templates-browser{margin-top:22px}.templates-page .templates-filter-row{gap:14px;margin-bottom:24px}.templates-page .templates-filter-row label{color:var(--neo-muted);font-size:11px;font-weight:600}.templates-page .templates-filter-row select{min-height:44px;border:2px solid var(--neo-ink);border-radius:12px;background:var(--neo-paper);color:var(--neo-cream);box-shadow:3px 4px 0 var(--neo-ink);font-size:13px}.templates-page .templates-filter-row select:focus-visible{outline-offset:4px}.templates-page [data-effect-clear]{border:2px solid var(--neo-ink);border-radius:999px;padding-inline:14px;background:var(--neo-cream);color:var(--neo-ink);box-shadow:3px 4px 0 var(--neo-ink);font-size:12px;font-weight:700}.templates-page .templates-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding-right:6px}.templates-page [data-video-effect-card]{border:2px solid var(--neo-ink);border-radius:18px;background:var(--neo-paper);box-shadow:4px 5px 0 var(--neo-ink);transition:border-color .16s ease,box-shadow .16s ease}.templates-page [data-video-effect-card]:hover{border-color:var(--primary);box-shadow:4px 5px 0 var(--neo-ink)}.templates-page [data-video-effect-card] .template-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:750;line-height:1.35;letter-spacing:-.02em}.templates-page [data-effect-empty]{border:2px solid var(--neo-ink);border-radius:20px;background:var(--neo-paper);box-shadow:4px 5px 0 var(--neo-ink)}.templates-page :is(.templates-guide,.templates-about) h2{color:var(--neo-cream);font-size:clamp(26px,3vw,36px)}.templates-page .templates-guide ol{gap:18px}.templates-page .templates-guide li{border:2px solid var(--neo-ink);border-radius:20px;padding:24px;background:var(--neo-paper);box-shadow:4px 5px 0 var(--neo-ink)}.templates-page .templates-guide li>span{border:2px solid var(--neo-ink);border-radius:10px;background:var(--primary);color:var(--neo-ink);box-shadow:2px 3px 0 var(--neo-ink)}.templates-page .templates-guide li h3{color:var(--neo-cream);font-size:15px;font-weight:750}.templates-page :is(.templates-guide,.templates-about) p{color:var(--neo-muted);font-size:14px;line-height:1.8}.templates-page .templates-studio-cta{gap:24px;border:2px solid var(--neo-ink);border-radius:26px;background:var(--primary);color:var(--neo-ink);box-shadow:6px 7px 0 var(--neo-ink)}.templates-page .templates-studio-cta h2{color:var(--neo-ink);font-size:clamp(24px,2.7vw,34px)}.templates-page .templates-studio-cta p{color:#37320d;font-size:14px;line-height:1.8}.templates-page .templates-studio-cta>a{min-height:48px;border:2px solid var(--neo-ink);border-radius:999px;padding-inline:20px;background:var(--neo-cream);color:var(--neo-ink);box-shadow:4px 5px 0 var(--neo-ink);font-size:13px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease}.templates-page .templates-studio-cta>a:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--neo-ink)}.templates-page .templates-studio-cta>a:active{transform:translate(3px,3px);box-shadow:1px 2px 0 var(--neo-ink)}.templates-page .templates-studio-cta>a:focus-visible{outline:2px solid var(--neo-ink);outline-offset:5px}@media(min-width:640px){.templates-page .templates-directory-shell{width:min(1536px,calc(100% - 64px))}.templates-page .templates-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}}@media(min-width:900px){.templates-page .templates-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.templates-page .templates-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.templates-page [data-video-effect-card],.templates-page .templates-studio-cta>a{transition:none}.templates-page .templates-studio-cta>a:is(:hover,:active){transform:none}}