@inneranimalmedia/agentsam-sdk 2.6.10 → 2.6.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (624) hide show
  1. package/README.md +3 -0
  2. package/TRADEMARKS.md +22 -0
  3. package/apps/README.md +3 -0
  4. package/apps/cad-creator/LICENSE +21 -0
  5. package/apps/cad-creator/README.md +4 -1
  6. package/apps/cad-creator/shared/cad/package.json +1 -1
  7. package/apps/client-cms-editor/LICENSE +21 -0
  8. package/apps/client-cms-editor/README.md +3 -0
  9. package/apps/client-cms-editor/backend/package.json +2 -2
  10. package/apps/client-cms-editor/frontend/package.json +3 -3
  11. package/apps/client-cms-editor/frontend/src/adapters/http-authoring.test.ts +161 -0
  12. package/apps/client-cms-editor/frontend/src/adapters/http.ts +296 -65
  13. package/apps/client-cms-editor/frontend/src/editor/CmsEditor.tsx +47 -16
  14. package/apps/client-cms-editor/frontend/src/editor/composition-groups.test.ts +40 -0
  15. package/apps/client-cms-editor/frontend/src/editor/legacy/CmsEditorPrototype.tsx +28 -28
  16. package/apps/client-cms-editor/frontend/src/editor/useCmsEditorController.ts +3 -3
  17. package/apps/client-cms-editor/frontend/src/styles/agentsam-drawer.css +5 -4
  18. package/apps/client-cms-editor/frontend/src/styles/studio.css +150 -149
  19. package/apps/client-cms-editor/package-lock.json +43 -43
  20. package/apps/client-cms-editor/package.json +3 -3
  21. package/apps/client-cms-editor/reference/harvest/HARVEST_RECEIPT.json +1 -1
  22. package/apps/client-cms-editor/reference/harvest/README.md +1 -1
  23. package/apps/client-cms-editor/reference/harvest/plans/ARCHIVE-INTAKE.md +1 -1
  24. package/apps/client-cms-editor/reference/harvest/plans/HARVEST-INDEX.md +1 -1
  25. package/apps/client-cms-editor/reference/harvest/plans/INNERANIMALS-CONTENT-001.md +1 -1
  26. package/apps/client-cms-editor/reference/harvest/plans/TOOLING-LAB.md +1 -1
  27. package/apps/client-cms-editor/shared/cms/package.json +1 -1
  28. package/apps/client-cms-editor/shared/cms/src/editor-types.ts +42 -1
  29. package/docs/CMS_CONTEXTUAL_COMPOSER.md +4 -4
  30. package/docs/MINI.md +4 -2
  31. package/docs/PRODUCT_LIFECYCLE.md +38 -38
  32. package/docs/REPO_FILE_MAP.txt +2 -3
  33. package/docs/SOURCE_ARCHITECTURE.md +1 -1
  34. package/docs/THEME_REFINERY.md +6 -6
  35. package/docs/WINDOWS_RUNTIME_INSTALL.md +1 -1
  36. package/docs/adr/ADR-0002-brand-campaign-plugin-boundaries.md +603 -0
  37. package/docs/adr/ADR-0003-copro-clean-room-product-architecture.md +34 -0
  38. package/docs/adr/ADR-0003-product-portfolio-and-package-taxonomy.md +146 -0
  39. package/docs/adr/ADR-0004-product-composition-and-provider-neutrality.md +56 -0
  40. package/docs/adr/ADR-0005-offer-graduation-standard.md +66 -0
  41. package/docs/adr/README.md +25 -0
  42. package/docs/architecture/AGENTSAM_APPLICATION_CONTRACT.md +1 -1
  43. package/docs/architecture/DUAL_ANALYTICS_PRODUCT.md +140 -0
  44. package/docs/content-studio/HOST_MOUNT_CHECKLIST.md +1 -1
  45. package/docs/content-studio/REVISION_GATE_2026-09-27.md +4 -4
  46. package/docs/contracts/google-cloud-oauth-setup.md +1 -1
  47. package/docs/engineering/go-portability/01-product-project-deployment-authority.md +69 -0
  48. package/docs/engineering/provider-internal-renames/01-lane-initialization.md +20 -0
  49. package/docs/engineering/provider-internal-renames/01a-runtime-environment-contract.md +115 -0
  50. package/docs/engineering/provider-internal-renames/02-cfoa.md +57 -0
  51. package/docs/engineering/provider-internal-renames/03-gclioa.md +32 -0
  52. package/docs/engineering/provider-internal-renames/04-goaude.md +50 -0
  53. package/docs/engineering/provider-internal-renames/05-gdrv.md +33 -0
  54. package/docs/engineering/provider-internal-renames/06-verification.md +103 -0
  55. package/docs/engineering/provider-internal-renames/README.md +77 -0
  56. package/docs/engineering/provider-internal-renames/runtime-environment-contract.json +220 -0
  57. package/docs/engineering/test-diagnostics/go-cli-test-hang-20261003.md +49 -0
  58. package/docs/engineering/test-diagnostics/go-skip-deploy-docker-fix.md +90 -0
  59. package/docs/knowledge-service-verification.md +3 -3
  60. package/docs/local-studio/WORKMODE_DONOR_NOTES.md +3 -3
  61. package/docs/plans/AGENTSAM-SUSPEND-QUEUE-KNOWLEDGE-RDP-2026-10-03.md +870 -0
  62. package/docs/plans/ASTRA-BRIEF-2026-09-18.md +1 -1
  63. package/docs/plans/LOCAL-STUDIO-GRADUATION-2026-09-26.md +9 -9
  64. package/docs/plans/LOCAL-STUDIO-REAL-APP-CONTRACT-ADDENDUM-2026-09-27.md +2 -2
  65. package/docs/plans/MACHINE-FIRST-APPS-TUI-2026-09-24.md +12 -12
  66. package/docs/plans/NEXT-AGENT-HANDOFF.md +2 -2
  67. package/docs/plans/RECONCILIATION-2026-09-19.md +6 -6
  68. package/docs/plans/SAM_WORK_PROTOCOL.md +667 -0
  69. package/docs/plans/TOMORROW-EXTENSIVE-TODO-2026-09-26.md +70 -70
  70. package/docs/plans/TOMORROW-MACHINE-FIRST-BRIEFING.md +1 -1
  71. package/docs/plans/UNIVERSAL-INGEST-MACHINE-FIRST-2026-09-24.md +4 -4
  72. package/docs/prd/PRD-agentsam-analytics.md +174 -0
  73. package/docs/prd/PRD-agentsam-brand.md +181 -0
  74. package/docs/prd/PRD-agentsam-browser.md +177 -0
  75. package/docs/prd/PRD-agentsam-cad-studio.md +177 -0
  76. package/docs/prd/PRD-agentsam-campaign.md +1178 -0
  77. package/docs/prd/PRD-agentsam-commerce-studio.md +180 -0
  78. package/docs/prd/PRD-agentsam-content-studio.md +179 -0
  79. package/docs/prd/PRD-agentsam-copro.md +39 -0
  80. package/docs/prd/PRD-agentsam-database-studio.md +175 -0
  81. package/docs/prd/PRD-agentsam-developer-studio.md +175 -0
  82. package/docs/prd/PRD-agentsam-hosted-runtime.md +180 -0
  83. package/docs/prd/PRD-agentsam-knowledge.md +174 -0
  84. package/docs/prd/PRD-agentsam-local-studio.md +180 -0
  85. package/docs/prd/PRD-agentsam-merch.md +177 -0
  86. package/docs/prd/PRD-agentsam-platform.md +179 -0
  87. package/docs/prd/PRD-agentsam-site-studio.md +180 -0
  88. package/docs/prd/PRD-agentsam-work.md +180 -0
  89. package/docs/prd/README.md +39 -0
  90. package/docs/product/COPRO-DONOR-AUDIT.md +9 -0
  91. package/docs/product/COPRO-EXECUTION-PLAN.md +81 -0
  92. package/docs/product/COPRO-UI-QUALITY-GATE.md +119 -0
  93. package/docs/product/OFFER-PORTFOLIO.md +158 -0
  94. package/docs/product/PACKAGE-TAXONOMY.md +78 -0
  95. package/examples/hyperspace-demo/dist/assets/index-SZ2LfOpJ.js +242 -0
  96. package/examples/hyperspace-demo/dist/index.html +13 -0
  97. package/examples/hyperspace-demo/src/main.tsx +227 -110
  98. package/migrations/d1/0020_agentsam_receipt_catalog.sql +35 -0
  99. package/migrations/runtime/0006_agent_run_suspend_activity.sql +53 -0
  100. package/migrations/runtime/0007_queue_control.sql +40 -0
  101. package/migrations/runtime/0008_agent_run_dependencies.sql +24 -0
  102. package/migrations/runtime/0008_analytics_legacy_bootstrap.sql +43 -0
  103. package/migrations/runtime/0009_analytics_authority.sql +108 -0
  104. package/native/agentsam-machine/core/src/lib.rs +2 -2
  105. package/package.json +78 -43
  106. package/packages/agentsam-brand/README.md +3 -0
  107. package/packages/agentsam-brand/package.json +4 -3
  108. package/packages/agentsam-brand/src/public.js +192 -0
  109. package/packages/agentsam-contracts/README.md +1 -1
  110. package/packages/agentsam-contracts/dist/adapter.d.ts +22 -0
  111. package/packages/agentsam-contracts/dist/adapter.js +0 -0
  112. package/packages/agentsam-contracts/dist/agent.d.ts +66 -0
  113. package/packages/agentsam-contracts/dist/agent.js +15 -0
  114. package/packages/agentsam-contracts/dist/artifacts.d.ts +70 -0
  115. package/packages/agentsam-contracts/dist/artifacts.js +0 -0
  116. package/packages/agentsam-contracts/dist/authority.d.ts +21 -0
  117. package/packages/agentsam-contracts/dist/authority.js +0 -0
  118. package/packages/agentsam-contracts/dist/context.d.ts +14 -0
  119. package/packages/agentsam-contracts/dist/context.js +0 -0
  120. package/packages/agentsam-contracts/dist/errors.d.ts +121 -0
  121. package/packages/agentsam-contracts/dist/errors.js +5 -0
  122. package/packages/agentsam-contracts/dist/events.d.ts +53 -0
  123. package/packages/agentsam-contracts/dist/events.js +0 -0
  124. package/packages/agentsam-contracts/dist/execution.d.ts +38 -0
  125. package/packages/agentsam-contracts/dist/execution.js +0 -0
  126. package/packages/agentsam-contracts/dist/hooks.d.ts +31 -0
  127. package/packages/agentsam-contracts/dist/hooks.js +0 -0
  128. package/packages/agentsam-contracts/dist/identity.d.ts +15 -0
  129. package/packages/agentsam-contracts/dist/identity.js +0 -0
  130. package/packages/agentsam-contracts/dist/index.d.ts +16 -0
  131. package/packages/agentsam-contracts/dist/index.js +164 -0
  132. package/packages/agentsam-contracts/dist/models.d.ts +9 -0
  133. package/packages/agentsam-contracts/dist/models.js +0 -0
  134. package/packages/agentsam-contracts/dist/providers.d.ts +27 -0
  135. package/packages/agentsam-contracts/dist/providers.js +0 -0
  136. package/packages/agentsam-contracts/dist/repository.d.ts +56 -0
  137. package/packages/agentsam-contracts/dist/repository.js +15 -0
  138. package/packages/agentsam-contracts/dist/run.d.ts +113 -0
  139. package/packages/agentsam-contracts/dist/run.js +132 -0
  140. package/packages/agentsam-contracts/dist/tools.d.ts +82 -0
  141. package/packages/agentsam-contracts/dist/tools.js +0 -0
  142. package/packages/agentsam-contracts/dist/widgets.d.ts +38 -0
  143. package/packages/agentsam-contracts/dist/widgets.js +0 -0
  144. package/packages/agentsam-contracts/package.json +9 -1
  145. package/packages/agentsam-contracts/scripts/build.mjs +1 -1
  146. package/packages/agentsam-contracts/src/agent.ts +78 -3
  147. package/packages/agentsam-contracts/src/index.ts +2 -0
  148. package/packages/agentsam-contracts/src/run.ts +320 -0
  149. package/packages/agentsam-contracts/src/widgets.ts +58 -0
  150. package/packages/agentsam-contracts/test/contracts.test.mjs +1 -1
  151. package/packages/agentsam-contracts/test/run-contract.test.mjs +94 -0
  152. package/packages/agentsam-errors/package.json +1 -1
  153. package/packages/agentsam-goap/README.md +3 -0
  154. package/packages/agentsam-goap/package.json +2 -2
  155. package/packages/agentsam-hooks/package.json +2 -2
  156. package/packages/agentsam-hooks/src/adapters/agents.js +48 -22
  157. package/packages/agentsam-hooks/src/index.d.ts +16 -0
  158. package/packages/agentsam-knowledge/package.json +1 -1
  159. package/packages/agentsam-knowledge/src/backends/index.js +1 -1
  160. package/packages/agentsam-merch/README.md +62 -0
  161. package/packages/agentsam-merch/bin/agentsam-merch.mjs +16 -0
  162. package/packages/agentsam-merch/package.json +65 -0
  163. package/packages/agentsam-merch/profiles/completeful/dtg-back-large.json +42 -0
  164. package/packages/agentsam-merch/profiles/completeful/laser-engraving.json +39 -0
  165. package/packages/agentsam-merch/profiles/generic/embroidery-digitization.json +22 -0
  166. package/packages/agentsam-merch/schemas/collection-candidate.schema.json +66 -0
  167. package/packages/agentsam-merch/schemas/manufacturing-profile.schema.json +221 -0
  168. package/packages/agentsam-merch/src/adapters-completeful.js +50 -0
  169. package/packages/agentsam-merch/src/cli.js +93 -0
  170. package/packages/agentsam-merch/src/collection-lab.js +60 -0
  171. package/packages/agentsam-merch/src/compatibility.js +501 -0
  172. package/packages/agentsam-merch/src/derivatives.js +112 -0
  173. package/packages/agentsam-merch/src/index.d.ts +316 -0
  174. package/packages/agentsam-merch/src/index.js +46 -0
  175. package/packages/agentsam-merch/src/node/index.d.ts +58 -0
  176. package/packages/agentsam-merch/src/node/index.js +6 -0
  177. package/packages/agentsam-merch/src/node/raster.js +142 -0
  178. package/packages/agentsam-merch/src/node/vector.js +239 -0
  179. package/packages/agentsam-merch/src/product-concepts.js +118 -0
  180. package/packages/agentsam-merch/src/profile-registry.js +104 -0
  181. package/packages/agentsam-merch/src/profile.js +158 -0
  182. package/packages/agentsam-merch/src/transforms.js +215 -0
  183. package/packages/agentsam-merch/test/merch.test.mjs +332 -0
  184. package/packages/agentsam-merch/test/node-transforms.test.mjs +149 -0
  185. package/packages/agentsam-nav/package.json +1 -1
  186. package/packages/agentsam-queue-control/README.md +4 -1
  187. package/packages/agentsam-queue-control/package.json +4 -3
  188. package/packages/agentsam-queue-control/schemas/job-envelope.schema.json +111 -11
  189. package/packages/agentsam-queue-control/src/adapters/cloudflare.js +34 -6
  190. package/packages/agentsam-queue-control/src/adapters/memory.js +11 -2
  191. package/packages/agentsam-queue-control/src/adapters/sqlite.js +259 -0
  192. package/packages/agentsam-queue-control/src/contracts.js +207 -3
  193. package/packages/agentsam-queue-control/src/control-plane.js +62 -2
  194. package/packages/agentsam-queue-control/src/index.js +1 -0
  195. package/packages/agentsam-queue-control/test/queue-control.test.mjs +310 -0
  196. package/packages/agentsam-queue-control/test/sqlite-adapter.test.mjs +91 -0
  197. package/packages/agentsam-rapid-rust/README.md +3 -0
  198. package/packages/agentsam-repository/README.md +3 -0
  199. package/packages/agentsam-repository/package.json +1 -1
  200. package/packages/agentsam-vault/package.json +1 -1
  201. package/packages/agentsam-workbench/README.md +43 -0
  202. package/packages/agentsam-workbench/package.json +15 -4
  203. package/packages/agentsam-workbench/src/agent/AgentConversationSurface.tsx +108 -0
  204. package/packages/agentsam-workbench/src/agent/AgentPanel.tsx +25 -8
  205. package/packages/agentsam-workbench/src/agent/AgentRuntimeField.tsx +152 -0
  206. package/packages/agentsam-workbench/src/agent/Composer.tsx +10 -1
  207. package/packages/agentsam-workbench/src/agent/MiniAgentSam.tsx +28 -4
  208. package/packages/agentsam-workbench/src/agent/RunMode.ts +26 -0
  209. package/packages/agentsam-workbench/src/agent/Thread.tsx +18 -3
  210. package/packages/agentsam-workbench/src/agent/contextual-composer.css +72 -70
  211. package/packages/agentsam-workbench/src/agent/index.ts +3 -0
  212. package/packages/agentsam-workbench/src/agent/mini-agentsam.css +228 -10
  213. package/packages/agentsam-workbench/src/index.ts +4 -0
  214. package/packages/agentsam-workbench/src/manufacturing/PreflightIndicator.tsx +203 -0
  215. package/packages/agentsam-workbench/src/manufacturing/index.ts +2 -0
  216. package/packages/agentsam-workbench/src/manufacturing/loading.ts +147 -0
  217. package/packages/agentsam-workbench/src/widgets/BuiltinWidget.tsx +22 -0
  218. package/packages/agentsam-workbench/src/widgets/CountdownWidget.tsx +68 -0
  219. package/packages/agentsam-workbench/src/widgets/WidgetFrame.tsx +56 -0
  220. package/packages/agentsam-workbench/src/widgets/countdown.ts +25 -0
  221. package/packages/agentsam-workbench/src/widgets/index.ts +6 -0
  222. package/packages/agentsam-workbench/src/widgets/registry.ts +13 -0
  223. package/packages/agentsam-workbench/src/widgets/useCountdown.ts +128 -0
  224. package/packages/agentsam-workbench/src/widgets/widgets.css +102 -0
  225. package/packages/connectors/{cloudflare → cfoa}/package.json +3 -3
  226. package/packages/heuristic-theme/package.json +1 -1
  227. package/packages/identity/README.md +3 -0
  228. package/packages/identity/backend/README.md +3 -0
  229. package/packages/identity/package.json +1 -1
  230. package/packages/identity/src/frontend/auth-portal/README.md +3 -0
  231. package/packages/identity/src/frontend/auth-portal/pages/login.html +1 -1
  232. package/packages/identity/src/frontend/auth-portal/pages/reset.html +1 -1
  233. package/packages/identity/src/frontend/auth-portal/pages/signup.html +1 -1
  234. package/packages/identity/src/index.js +1 -1
  235. package/packages/identity/src/oauth/README.md +4 -1
  236. package/packages/identity/src/oauth/credentials.js +1 -1
  237. package/packages/identity/src/server/worker-router.js +1 -1
  238. package/packages/identity/tests/chatgpt-provider.test.mjs +3 -3
  239. package/packages/identity/tests/google-desktop-identity-login.test.mjs +1 -1
  240. package/packages/identity/tests/lane1-packed-consumer.test.mjs +1 -1
  241. package/packages/identity/tests/oauth-consent-view.test.mjs +11 -11
  242. package/packages/identity/tests/oauth-presets-accounts-ssot.test.mjs +1 -1
  243. package/packages/providers/completeful/README.md +3 -3
  244. package/packages/providers/completeful/package.json +1 -1
  245. package/packages/theme-cypress/README.md +11 -0
  246. package/packages/{theme-church-site → theme-cypress}/package.json +14 -11
  247. package/packages/theme-cypress/prebuild.json +23 -0
  248. package/packages/theme-cypress/site/assets/generated/favicon.svg +7 -0
  249. package/packages/theme-cypress/site/assets/generated/media-044ba16613.webp +0 -0
  250. package/packages/theme-cypress/site/assets/generated/media-0a1ea6f6d9.webp +0 -0
  251. package/packages/theme-cypress/site/assets/generated/media-0c06778307.webp +0 -0
  252. package/packages/theme-cypress/site/assets/generated/media-1539ed373a.webp +0 -0
  253. package/packages/theme-cypress/site/assets/generated/media-2df479fd2d.webp +0 -0
  254. package/packages/theme-cypress/site/assets/generated/media-2e8bd0d9bc.webp +0 -0
  255. package/packages/theme-cypress/site/assets/generated/media-41d4e2643c.webp +0 -0
  256. package/packages/theme-cypress/site/assets/generated/media-46205bfde8.webp +0 -0
  257. package/packages/theme-cypress/site/assets/generated/media-50c5f3e279.webp +0 -0
  258. package/packages/theme-cypress/site/assets/generated/media-5f1467778c.webp +0 -0
  259. package/packages/theme-cypress/site/assets/generated/media-6703642b22.webp +0 -0
  260. package/packages/theme-cypress/site/assets/generated/media-87a490bc8e.webp +0 -0
  261. package/packages/theme-cypress/site/assets/generated/media-997c10ef39.webp +0 -0
  262. package/packages/theme-cypress/site/assets/generated/media-a423735c21.webp +0 -0
  263. package/packages/theme-cypress/site/assets/generated/media-c9cea5245b.webp +0 -0
  264. package/packages/theme-cypress/site/assets/generated/media-cab3c84c60.webp +0 -0
  265. package/packages/theme-cypress/site/assets/generated/media-ce06595d59.webp +0 -0
  266. package/packages/theme-cypress/site/assets/generated/media-d268905e7e.webp +0 -0
  267. package/packages/theme-cypress/site/assets/generated/media-f6711b5053.webp +0 -0
  268. package/packages/theme-cypress/site/assets/generated/media-manifest.json +226 -0
  269. package/packages/theme-cypress/site/assets/generated/social-card.webp +0 -0
  270. package/packages/theme-cypress/site/assets/generated/theme-mark-192.png +0 -0
  271. package/packages/theme-cypress/site/assets/generated/theme-mark-512.png +0 -0
  272. package/packages/theme-cypress/site/assets/generated/theme-mark.svg +7 -0
  273. package/packages/theme-cypress/site/beliefs.html +175 -0
  274. package/packages/theme-cypress/site/community.html +175 -0
  275. package/packages/theme-cypress/site/connect.html +319 -0
  276. package/packages/theme-cypress/site/donate.html +106 -0
  277. package/packages/theme-cypress/site/groups.html +1352 -0
  278. package/packages/theme-cypress/site/help.html +1 -0
  279. package/packages/theme-cypress/site/icons/clock.svg +4 -0
  280. package/packages/theme-cypress/site/icons/email.svg +4 -0
  281. package/packages/theme-cypress/site/icons/giving.svg +4 -0
  282. package/packages/theme-cypress/site/icons/home.svg +4 -0
  283. package/packages/theme-cypress/site/icons/location.svg +4 -0
  284. package/packages/theme-cypress/site/icons/media.svg +4 -0
  285. package/packages/theme-cypress/site/icons/ministries.svg +6 -0
  286. package/packages/theme-cypress/site/icons/prayer.svg +5 -0
  287. package/packages/theme-cypress/site/icons/visit.svg +6 -0
  288. package/packages/theme-cypress/site/index.html +1013 -0
  289. package/packages/theme-cypress/site/mensgroup.html +477 -0
  290. package/packages/theme-cypress/site/mission.html +512 -0
  291. package/packages/theme-cypress/site/unified-footer.css +172 -0
  292. package/packages/theme-cypress/site/unified-footer.js +175 -0
  293. package/packages/theme-cypress/site/unified-header.css +226 -0
  294. package/packages/theme-cypress/site/unified-header.js +111 -0
  295. package/packages/theme-cypress/site/womansgroup.html +452 -0
  296. package/packages/{theme-church-site → theme-cypress}/src/index.js +22 -35
  297. package/packages/theme-cypress/src/node.js +69 -0
  298. package/packages/theme-cypress/test/theme.test.mjs +47 -0
  299. package/packages/theme-ember/README.md +11 -0
  300. package/packages/{theme-fuelnfree-site → theme-ember}/package.json +14 -11
  301. package/packages/theme-ember/prebuild.json +23 -0
  302. package/packages/theme-ember/site/about.html +1840 -0
  303. package/packages/theme-ember/site/assets/generated/favicon.svg +7 -0
  304. package/packages/theme-ember/site/assets/generated/media-1e0b1e6ee6.webp +0 -0
  305. package/packages/theme-ember/site/assets/generated/media-2371dcb426.webp +0 -0
  306. package/packages/theme-ember/site/assets/generated/media-2db4f5ff9e.webp +0 -0
  307. package/packages/theme-ember/site/assets/generated/media-4ed07a756e.webp +0 -0
  308. package/packages/theme-ember/site/assets/generated/media-58182cf167.webp +0 -0
  309. package/packages/theme-ember/site/assets/generated/media-5b8b8472ae.webp +0 -0
  310. package/packages/theme-ember/site/assets/generated/media-71f4bd16a1.webp +0 -0
  311. package/packages/theme-ember/site/assets/generated/media-7c1c8120bc.webp +0 -0
  312. package/packages/theme-ember/site/assets/generated/media-832b176433.webp +0 -0
  313. package/packages/theme-ember/site/assets/generated/media-931439701c.webp +0 -0
  314. package/packages/theme-ember/site/assets/generated/media-c2860d40d1.webp +0 -0
  315. package/packages/theme-ember/site/assets/generated/media-c56974d198.webp +0 -0
  316. package/packages/theme-ember/site/assets/generated/media-cb83a44ff4.webp +0 -0
  317. package/packages/theme-ember/site/assets/generated/media-df02ccdfcf.webp +0 -0
  318. package/packages/theme-ember/site/assets/generated/media-fab72cd344.webp +0 -0
  319. package/packages/theme-ember/site/assets/generated/media-manifest.json +190 -0
  320. package/packages/theme-ember/site/assets/generated/social-card.webp +0 -0
  321. package/packages/theme-ember/site/assets/generated/theme-mark-192.png +0 -0
  322. package/packages/theme-ember/site/assets/generated/theme-mark-512.png +0 -0
  323. package/packages/theme-ember/site/assets/generated/theme-mark.svg +7 -0
  324. package/packages/theme-ember/site/community.html +1664 -0
  325. package/packages/theme-ember/site/index.html +2044 -0
  326. package/packages/theme-ember/site/shop.html +2104 -0
  327. package/packages/{theme-fuelnfree-site → theme-ember}/src/index.js +23 -33
  328. package/packages/theme-ember/src/node.js +69 -0
  329. package/packages/theme-ember/test/theme.test.mjs +47 -0
  330. package/packages/theme-forge/README.md +11 -0
  331. package/packages/theme-forge/package.json +44 -0
  332. package/packages/theme-forge/prebuild.json +23 -0
  333. package/packages/theme-forge/site/apple-touch-icon.png +0 -0
  334. package/packages/theme-forge/site/assets/generated/favicon.svg +7 -0
  335. package/packages/theme-forge/site/assets/generated/media-manifest.json +17 -0
  336. package/packages/theme-forge/site/assets/generated/social-card.webp +0 -0
  337. package/packages/theme-forge/site/assets/generated/theme-mark-192.png +0 -0
  338. package/packages/theme-forge/site/assets/generated/theme-mark-512.png +0 -0
  339. package/packages/theme-forge/site/assets/generated/theme-mark.svg +7 -0
  340. package/packages/theme-forge/site/assets/index-DBOqQVsA.css +1 -0
  341. package/packages/theme-forge/site/assets/index-pXC0o9jp.js +241 -0
  342. package/packages/theme-forge/site/assets/workbox-window.prod.es5-Bd17z0YL.js +2 -0
  343. package/packages/theme-forge/site/index.html +5 -0
  344. package/packages/theme-forge/site/manifest.webmanifest +1 -0
  345. package/packages/theme-forge/site/pwa-192x192.png +0 -0
  346. package/packages/theme-forge/site/pwa-512x512.png +0 -0
  347. package/packages/theme-forge/site/sw.js +107 -0
  348. package/packages/theme-forge/site/workbox-7e5eb42b.js +3395 -0
  349. package/packages/theme-forge/src/index.js +76 -0
  350. package/packages/theme-forge/src/node.js +69 -0
  351. package/packages/theme-forge/test/theme.test.mjs +47 -0
  352. package/packages/theme-grove/README.md +11 -0
  353. package/packages/{theme-floors-site → theme-grove}/package.json +14 -11
  354. package/packages/theme-grove/prebuild.json +23 -0
  355. package/packages/theme-grove/site/assets/generated/favicon.svg +7 -0
  356. package/packages/theme-grove/site/assets/generated/media-098b13d75a.webp +0 -0
  357. package/packages/theme-grove/site/assets/generated/media-0c064db1aa.webp +0 -0
  358. package/packages/theme-grove/site/assets/generated/media-0fbfef655e.webp +0 -0
  359. package/packages/theme-grove/site/assets/generated/media-14759c7460.webp +0 -0
  360. package/packages/theme-grove/site/assets/generated/media-19b23d2a8f.webp +0 -0
  361. package/packages/theme-grove/site/assets/generated/media-2012f04243.webp +0 -0
  362. package/packages/theme-grove/site/assets/generated/media-23b8c5e2bb.webp +0 -0
  363. package/packages/theme-grove/site/assets/generated/media-2bffb1a6ef.webp +0 -0
  364. package/packages/theme-grove/site/assets/generated/media-2e1523a5b0.webp +0 -0
  365. package/packages/theme-grove/site/assets/generated/media-31107c21f2.webp +0 -0
  366. package/packages/theme-grove/site/assets/generated/media-31373ec865.webp +0 -0
  367. package/packages/theme-grove/site/assets/generated/media-45e8e27542.webp +0 -0
  368. package/packages/theme-grove/site/assets/generated/media-4aa9846fe7.webp +0 -0
  369. package/packages/theme-grove/site/assets/generated/media-5476b24219.webp +0 -0
  370. package/packages/theme-grove/site/assets/generated/media-7a227d3e4b.webp +0 -0
  371. package/packages/theme-grove/site/assets/generated/media-b183eed550.webp +0 -0
  372. package/packages/theme-grove/site/assets/generated/media-b2c650f9ab.webp +0 -0
  373. package/packages/theme-grove/site/assets/generated/media-b5d7471694.webp +0 -0
  374. package/packages/theme-grove/site/assets/generated/media-c86498fdb4.webp +0 -0
  375. package/packages/theme-grove/site/assets/generated/media-ce2cfff9a1.webp +0 -0
  376. package/packages/theme-grove/site/assets/generated/media-cf41a5f324.webp +0 -0
  377. package/packages/theme-grove/site/assets/generated/media-ec6c01bf8d.webp +0 -0
  378. package/packages/theme-grove/site/assets/generated/media-manifest.json +267 -0
  379. package/packages/theme-grove/site/assets/generated/social-card.webp +0 -0
  380. package/packages/theme-grove/site/assets/generated/theme-mark-192.png +0 -0
  381. package/packages/theme-grove/site/assets/generated/theme-mark-512.png +0 -0
  382. package/packages/theme-grove/site/assets/generated/theme-mark.svg +7 -0
  383. package/packages/theme-grove/site/index.html +1429 -0
  384. package/packages/theme-grove/site/pages/contact.html +664 -0
  385. package/packages/theme-grove/site/pages/gallery.html +216 -0
  386. package/packages/theme-grove/site/pages/privacy.html +180 -0
  387. package/packages/theme-grove/site/pages/process.html +592 -0
  388. package/packages/theme-grove/site/pages/services.html +567 -0
  389. package/packages/theme-grove/site/pages/terms.html +189 -0
  390. package/packages/theme-grove/site/shared/footer.css +140 -0
  391. package/packages/theme-grove/site/shared/footer.html +41 -0
  392. package/packages/{theme-floors-site → theme-grove}/src/index.js +24 -35
  393. package/packages/theme-grove/src/node.js +69 -0
  394. package/packages/theme-grove/test/theme.test.mjs +47 -0
  395. package/packages/theme-harbor/README.md +11 -0
  396. package/packages/{theme-insurance-site → theme-harbor}/package.json +14 -11
  397. package/packages/theme-harbor/prebuild.json +23 -0
  398. package/packages/theme-harbor/site/assets/generated/favicon.svg +7 -0
  399. package/packages/theme-harbor/site/assets/generated/media-manifest.json +17 -0
  400. package/packages/theme-harbor/site/assets/generated/social-card.webp +0 -0
  401. package/packages/theme-harbor/site/assets/generated/theme-mark-192.png +0 -0
  402. package/packages/theme-harbor/site/assets/generated/theme-mark-512.png +0 -0
  403. package/packages/theme-harbor/site/assets/generated/theme-mark.svg +7 -0
  404. package/packages/theme-harbor/site/assets/index-D58RKkr-.js +239 -0
  405. package/packages/theme-harbor/site/assets/index-Dd3YN9Mf.css +1 -0
  406. package/packages/theme-harbor/site/index.html +15 -0
  407. package/packages/theme-harbor/src/index.js +76 -0
  408. package/packages/theme-harbor/src/node.js +69 -0
  409. package/packages/theme-harbor/test/theme.test.mjs +47 -0
  410. package/packages/theme-resolve/README.md +11 -0
  411. package/packages/theme-resolve/package.json +44 -0
  412. package/packages/theme-resolve/prebuild.json +23 -0
  413. package/packages/theme-resolve/site/assets/generated/favicon.svg +7 -0
  414. package/packages/theme-resolve/site/assets/generated/media-216610d365.webp +0 -0
  415. package/packages/theme-resolve/site/assets/generated/media-2a9e0f623f.webp +0 -0
  416. package/packages/theme-resolve/site/assets/generated/media-a70660bfa9.webp +0 -0
  417. package/packages/theme-resolve/site/assets/generated/media-bc1322e813.webp +0 -0
  418. package/packages/theme-resolve/site/assets/generated/media-ced60fcecc.webp +0 -0
  419. package/packages/theme-resolve/site/assets/generated/media-manifest.json +72 -0
  420. package/packages/theme-resolve/site/assets/generated/social-card.webp +0 -0
  421. package/packages/theme-resolve/site/assets/generated/theme-mark-192.png +0 -0
  422. package/packages/theme-resolve/site/assets/generated/theme-mark-512.png +0 -0
  423. package/packages/theme-resolve/site/assets/generated/theme-mark.svg +7 -0
  424. package/packages/theme-resolve/site/assets/index-BSaLpPG1.css +2 -0
  425. package/packages/theme-resolve/site/assets/index-D8au46Z5.js +17 -0
  426. package/packages/theme-resolve/site/index.html +22 -0
  427. package/packages/theme-resolve/src/index.js +69 -0
  428. package/packages/theme-resolve/src/node.js +69 -0
  429. package/packages/theme-resolve/test/theme.test.mjs +47 -0
  430. package/packages/theme-scenes/package.json +1 -1
  431. package/packages/theme-scenes/src/registry.js +32 -49
  432. package/packages/theme-summit/README.md +11 -0
  433. package/packages/{theme-shinshu-site → theme-summit}/package.json +14 -11
  434. package/packages/theme-summit/prebuild.json +23 -0
  435. package/packages/theme-summit/site/adventures.html +450 -0
  436. package/packages/theme-summit/site/assets/generated/favicon.svg +7 -0
  437. package/packages/theme-summit/site/assets/generated/media-1e958ea679.webp +0 -0
  438. package/packages/theme-summit/site/assets/generated/media-9d4521abba.webp +0 -0
  439. package/packages/theme-summit/site/assets/generated/media-manifest.json +39 -0
  440. package/packages/theme-summit/site/assets/generated/social-card.webp +0 -0
  441. package/packages/theme-summit/site/assets/generated/theme-mark-192.png +0 -0
  442. package/packages/theme-summit/site/assets/generated/theme-mark-512.png +0 -0
  443. package/packages/theme-summit/site/assets/generated/theme-mark.svg +7 -0
  444. package/packages/theme-summit/site/business-card.html +315 -0
  445. package/packages/theme-summit/site/chatbot.js +312 -0
  446. package/packages/theme-summit/site/gallery.html +524 -0
  447. package/packages/theme-summit/site/i18n.js +947 -0
  448. package/packages/theme-summit/site/icons.svg +87 -0
  449. package/packages/theme-summit/site/index.html +2415 -0
  450. package/packages/theme-summit/site/pages/about.html +100 -0
  451. package/packages/theme-summit/site/pages/contact.html +117 -0
  452. package/packages/theme-summit/site/pages/dashboard.html +111 -0
  453. package/packages/theme-summit/site/pages/index.html +129 -0
  454. package/packages/theme-summit/site/pages/services.html +125 -0
  455. package/packages/theme-summit/site/shared/footer.html +41 -0
  456. package/packages/theme-summit/site/shared/layout.js +315 -0
  457. package/packages/theme-summit/site/shared/nav.html +19 -0
  458. package/packages/theme-summit/site/shared/styles.css +696 -0
  459. package/packages/theme-summit/site/theme-styles.css +131 -0
  460. package/packages/theme-summit/site/themes.js +442 -0
  461. package/packages/{theme-shinshu-site → theme-summit}/src/index.js +23 -35
  462. package/packages/theme-summit/src/node.js +69 -0
  463. package/packages/theme-summit/test/theme.test.mjs +47 -0
  464. package/packages/theme-violet/README.md +11 -0
  465. package/packages/{theme-companions-site → theme-violet}/package.json +14 -11
  466. package/packages/theme-violet/prebuild.json +23 -0
  467. package/packages/theme-violet/site/assets/generated/favicon.svg +7 -0
  468. package/packages/theme-violet/site/assets/generated/media-07b46d6457.webp +0 -0
  469. package/packages/theme-violet/site/assets/generated/media-09d38ddffc.webp +0 -0
  470. package/packages/theme-violet/site/assets/generated/media-254b0e2ad3.webp +0 -0
  471. package/packages/theme-violet/site/assets/generated/media-3a1b5c0a8d.webp +0 -0
  472. package/packages/theme-violet/site/assets/generated/media-3a78eb7d9d.webp +0 -0
  473. package/packages/theme-violet/site/assets/generated/media-49076977d8.webp +0 -0
  474. package/packages/theme-violet/site/assets/generated/media-6342d50dbd.webp +0 -0
  475. package/packages/theme-violet/site/assets/generated/media-646c65381e.webp +0 -0
  476. package/packages/theme-violet/site/assets/generated/media-7a5fb7c91a.webp +0 -0
  477. package/packages/theme-violet/site/assets/generated/media-9bbd133220.webp +0 -0
  478. package/packages/theme-violet/site/assets/generated/media-9e73307c2a.webp +0 -0
  479. package/packages/theme-violet/site/assets/generated/media-af382146a0.webp +0 -0
  480. package/packages/theme-violet/site/assets/generated/media-b2ae348b43.webp +0 -0
  481. package/packages/theme-violet/site/assets/generated/media-b8f43a3887.webp +0 -0
  482. package/packages/theme-violet/site/assets/generated/media-c96a3e1979.webp +0 -0
  483. package/packages/theme-violet/site/assets/generated/media-cd07daa54a.webp +0 -0
  484. package/packages/theme-violet/site/assets/generated/media-e03ab6b5fe.webp +0 -0
  485. package/packages/theme-violet/site/assets/generated/media-eae4917d25.webp +0 -0
  486. package/packages/theme-violet/site/assets/generated/media-f227ec5690.webp +0 -0
  487. package/packages/theme-violet/site/assets/generated/media-fb57ffd474.webp +0 -0
  488. package/packages/theme-violet/site/assets/generated/media-manifest.json +245 -0
  489. package/packages/theme-violet/site/assets/generated/social-card.webp +0 -0
  490. package/packages/theme-violet/site/assets/generated/theme-mark-192.png +0 -0
  491. package/packages/theme-violet/site/assets/generated/theme-mark-512.png +0 -0
  492. package/packages/theme-violet/site/assets/generated/theme-mark.svg +7 -0
  493. package/packages/theme-violet/site/global/cpas-contact.css +405 -0
  494. package/packages/theme-violet/site/global/cpas-donate-v2.css +931 -0
  495. package/packages/theme-violet/site/global/cpas-drawer-override.css +1 -0
  496. package/packages/theme-violet/site/global/cpas-footer.html +38 -0
  497. package/packages/theme-violet/site/global/cpas-header.html +30 -0
  498. package/packages/theme-violet/site/global/cpas-hero-watercolor.css +275 -0
  499. package/packages/theme-violet/site/global/cpas-modals.js +802 -0
  500. package/packages/theme-violet/site/global/cpas-public-surface.css +982 -0
  501. package/packages/theme-violet/site/global/cpas-shell.css +3980 -0
  502. package/packages/theme-violet/site/global/cpas-shell.js +107 -0
  503. package/packages/theme-violet/site/global/cpas-shelter-hub.css +326 -0
  504. package/packages/theme-violet/site/index.html +141 -0
  505. package/packages/theme-violet/site/pages/about/campaigns.html +28 -0
  506. package/packages/theme-violet/site/pages/about/cta.html +25 -0
  507. package/packages/theme-violet/site/pages/about/hero.html +46 -0
  508. package/packages/theme-violet/site/pages/about/paths.html +24 -0
  509. package/packages/theme-violet/site/pages/about/why_we_exist.html +28 -0
  510. package/packages/theme-violet/site/pages/home/campaigns.html +67 -0
  511. package/packages/theme-violet/site/pages/home/hero.html +42 -0
  512. package/packages/theme-violet/site/pages/home/how-it-helps.html +32 -0
  513. package/packages/theme-violet/site/pages/home/impact-stats.html +31 -0
  514. package/packages/theme-violet/site/pages/home/mission.html +36 -0
  515. package/packages/theme-violet/site/pages/home/newsletter.html +29 -0
  516. package/packages/theme-violet/site/pages/home/transport-win.html +22 -0
  517. package/packages/theme-violet/site/pages/index.html +141 -0
  518. package/packages/theme-violet/src/index.js +76 -0
  519. package/packages/theme-violet/src/node.js +69 -0
  520. package/packages/theme-violet/test/theme.test.mjs +47 -0
  521. package/packages/work-graph/package.json +1 -1
  522. package/protocol/features/README.md +1 -1
  523. package/protocol/features/catalog.json +12 -12
  524. package/protocol/features/examples/provider-resend.feature.json +2 -2
  525. package/protocol/models/README.md +3 -0
  526. package/protocol/presets/catalog.json +1 -1
  527. package/protocol/receipts/agentsam.receipt.v1.json +95 -0
  528. package/protocol/theme-refinery/prebuild-registry.json +45 -0
  529. package/protocol/theme-refinery/product-metadata.schema.json +63 -26
  530. package/protocol/theme-refinery/receipts/prebuild-remaster-20261004.json +21 -0
  531. package/skills/README.md +3 -0
  532. package/src/acp/agent-executor.js +106 -0
  533. package/src/acp/client.js +316 -0
  534. package/src/acp/dependencies.js +426 -0
  535. package/src/acp/http.js +207 -0
  536. package/src/acp/index.js +22 -0
  537. package/src/acp/runs.js +125 -0
  538. package/src/acp/runtime-selection.js +180 -0
  539. package/src/cli/command-catalog.js +3 -0
  540. package/src/cli.js +24 -0
  541. package/src/commands/cloudflare-login.js +1 -1
  542. package/src/commands/cloudflare.js +2 -2
  543. package/src/commands/connections.js +1 -1
  544. package/src/commands/go.js +76 -6
  545. package/src/commands/merch.js +5 -0
  546. package/src/commands/mini.js +1 -1
  547. package/src/commands/receipts.js +140 -0
  548. package/src/commands/run.js +253 -0
  549. package/src/go/container.js +1 -1
  550. package/src/go/contract.js +61 -18
  551. package/src/go/discover.js +0 -4
  552. package/src/go/index.js +13 -1
  553. package/src/go/probe.js +109 -0
  554. package/src/go/{cloudflare.js → providers/cloudflare.js} +36 -136
  555. package/src/go/verify.js +1 -1
  556. package/src/indexing/ingest/inventory.js +1 -1
  557. package/src/lib/deploy/local-studio.js +2 -2
  558. package/src/lib/mini/scaffold.js +1 -1
  559. package/src/lib/whoami-capabilities.js +1 -1
  560. package/src/local/runtime-store.js +8 -0
  561. package/src/mcp/cloudflare-bundles.js +1 -1
  562. package/src/plugins/completeful.js +2 -2
  563. package/src/plugins/index.js +1 -0
  564. package/src/plugins/registry.js +59 -6
  565. package/src/receipts/contract.js +68 -0
  566. package/src/receipts/index.js +20 -0
  567. package/src/receipts/prune.js +64 -0
  568. package/src/receipts/sinks.js +285 -0
  569. package/templates/mini/gadget/app.js +15 -40
  570. package/templates/mini/gadget/index.html +7 -7
  571. package/templates/mini/shared/style.css +1 -1
  572. package/packages/theme-church-site/README.md +0 -10
  573. package/packages/theme-church-site/src/harvest.json +0 -16
  574. package/packages/theme-church-site/test/theme.test.mjs +0 -21
  575. package/packages/theme-companions-site/README.md +0 -10
  576. package/packages/theme-companions-site/src/harvest.json +0 -14
  577. package/packages/theme-companions-site/src/index.js +0 -87
  578. package/packages/theme-companions-site/test/theme.test.mjs +0 -21
  579. package/packages/theme-floors-site/README.md +0 -10
  580. package/packages/theme-floors-site/src/harvest.json +0 -16
  581. package/packages/theme-floors-site/test/theme.test.mjs +0 -21
  582. package/packages/theme-fuelnfree-site/README.md +0 -10
  583. package/packages/theme-fuelnfree-site/src/harvest.json +0 -15
  584. package/packages/theme-fuelnfree-site/test/theme.test.mjs +0 -21
  585. package/packages/theme-handyman-site/README.md +0 -10
  586. package/packages/theme-handyman-site/package.json +0 -41
  587. package/packages/theme-handyman-site/src/harvest.json +0 -12
  588. package/packages/theme-handyman-site/src/index.js +0 -88
  589. package/packages/theme-handyman-site/test/theme.test.mjs +0 -21
  590. package/packages/theme-insurance-site/README.md +0 -10
  591. package/packages/theme-insurance-site/src/harvest.json +0 -12
  592. package/packages/theme-insurance-site/src/index.js +0 -88
  593. package/packages/theme-insurance-site/test/theme.test.mjs +0 -21
  594. package/packages/theme-shinshu-site/README.md +0 -10
  595. package/packages/theme-shinshu-site/src/harvest.json +0 -14
  596. package/packages/theme-shinshu-site/test/theme.test.mjs +0 -21
  597. package/protocol/theme-refinery/lineage-registry.json +0 -105
  598. package/protocol/theme-refinery/receipts/products-registry-batch-20260924.json +0 -318
  599. package/protocol/theme-refinery/receipts/theme-harvest-20260924.json +0 -472
  600. /package/packages/connectors/{cloudflare → cfoa}/OAUTH_STORAGE_AUDIT.md +0 -0
  601. /package/packages/connectors/{cloudflare → cfoa}/src/api-client.js +0 -0
  602. /package/packages/connectors/{cloudflare → cfoa}/src/capabilities.js +0 -0
  603. /package/packages/connectors/{cloudflare → cfoa}/src/credential.js +0 -0
  604. /package/packages/connectors/{cloudflare → cfoa}/src/families/brand-protection.js +0 -0
  605. /package/packages/connectors/{cloudflare → cfoa}/src/families/keyless.js +0 -0
  606. /package/packages/connectors/{cloudflare → cfoa}/src/families/pages.js +0 -0
  607. /package/packages/connectors/{cloudflare → cfoa}/src/families/scanner.js +0 -0
  608. /package/packages/connectors/{cloudflare → cfoa}/src/families/snippets.js +0 -0
  609. /package/packages/connectors/{cloudflare → cfoa}/src/families/tag-gateway.js +0 -0
  610. /package/packages/connectors/{cloudflare → cfoa}/src/families/tags.js +0 -0
  611. /package/packages/connectors/{cloudflare → cfoa}/src/families/token-validation.js +0 -0
  612. /package/packages/connectors/{cloudflare → cfoa}/src/families/vectorize.js +0 -0
  613. /package/packages/connectors/{cloudflare → cfoa}/src/families/workflows.js +0 -0
  614. /package/packages/connectors/{cloudflare → cfoa}/src/index.js +0 -0
  615. /package/packages/connectors/{cloudflare → cfoa}/src/oauth-persist.js +0 -0
  616. /package/packages/connectors/{cloudflare → cfoa}/src/owner.js +0 -0
  617. /package/packages/connectors/{cloudflare → cfoa}/src/permission-options.js +0 -0
  618. /package/packages/connectors/{cloudflare → cfoa}/src/routes.js +0 -0
  619. /package/packages/connectors/{cloudflare → cfoa}/src/scope-catalog.js +0 -0
  620. /package/packages/connectors/{cloudflare → cfoa}/src/vault.js +0 -0
  621. /package/packages/connectors/{cloudflare → cfoa}/tests/capabilities.test.mjs +0 -0
  622. /package/packages/connectors/{cloudflare → cfoa}/tests/connector.test.mjs +0 -0
  623. /package/packages/connectors/{cloudflare → cfoa}/tests/oauth-persist.test.mjs +0 -0
  624. /package/packages/identity/src/oauth/{google-desktop-exchange.js → goaude.js} +0 -0
package/packages/theme-ember/site/shop.html ADDED
@@ -0,0 +1,2104 @@
1
+ <!DOCTYPE html>
2
+
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="utf-8"/>
6
+ <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
7
+ <title>A lifestyle built from grit — and time. — Ember</title>
8
+ <!-- Premium Typography -->
9
+ <link href="https://fonts.googleapis.com" rel="preconnect"/>
10
+ <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
11
+ <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=Inter:wght@400;500;600;700;900&amp;family=Space+Mono:wght@400;700&amp;display=swap" rel="stylesheet"/>
12
+ <style>
13
+ * {
14
+ margin: 0;
15
+ padding: 0;
16
+ box-sizing: border-box;
17
+ }
18
+
19
+ :root {
20
+ --black: #0a0a0a;
21
+ --steel: #1a1a1a;
22
+ --asphalt: #2a2a2a;
23
+ --smoke: #8a8a8a;
24
+ --light-smoke: #b0b0b0;
25
+ --light-gray: #f0f0f0;
26
+ --off-white: #f8f8f8;
27
+ --white: #ffffff;
28
+ --fire-orange: #ff4500;
29
+ --racing-red: #dc143c;
30
+ --louisiana-gold: #FFD700;
31
+ --bronze: #CD7F32;
32
+ --bronze-light: #E5A558;
33
+ --bronze-dark: #9B5F1F;
34
+
35
+ /* Typography */
36
+ --font-display: 'Bebas Neue', sans-serif;
37
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
38
+ --font-mono: 'Space Mono', monospace;
39
+
40
+ /* Spacing */
41
+ --space-xs: clamp(0.75rem, 2vw, 1rem);
42
+ --space-sm: clamp(1rem, 3vw, 1.5rem);
43
+ --space-md: clamp(2rem, 5vw, 3rem);
44
+ --space-lg: clamp(3rem, 7vw, 5rem);
45
+ --space-xl: clamp(4rem, 9vw, 7rem);
46
+
47
+ /* Border Radius */
48
+ --radius: 12px;
49
+
50
+ /* Ember Specific Variables */
51
+ --Ember-ease: cubic-bezier(.2,.8,.2,1);
52
+ --Ember-header: 80px;
53
+ --Ember-header-md: 70px;
54
+ --Ember-maxw: 1440px;
55
+ }
56
+
57
+ html {
58
+ scroll-behavior: smooth;
59
+ }
60
+
61
+ body {
62
+ font-family: var(--font-body);
63
+ background-color: var(--black);
64
+ color: var(--white);
65
+ overflow-x: hidden;
66
+ line-height: 1.6;
67
+ -webkit-font-smoothing: antialiased;
68
+ -moz-osx-font-smoothing: grayscale;
69
+ }
70
+
71
+ /* ===== HEADER STYLES ===== */
72
+ .Ember-shell {
73
+ --Ember-ease: cubic-bezier(.2,.8,.2,1);
74
+ --Ember-bronze: #CD7F32;
75
+ --Ember-bronze-light: #E5A558;
76
+ --Ember-bronze-dark: #9B5F1F;
77
+ --Ember-ink: #fff;
78
+ --Ember-muted: #c8cdd2;
79
+ --Ember-orange: #ff4500;
80
+ --Ember-bg0: #0a0a0a;
81
+ --Ember-bg1: #141414;
82
+ --Ember-bg2: #1f1f1f;
83
+ --Ember-header: 80px;
84
+ --Ember-header-md: 70px;
85
+ --Ember-maxw: 1440px;
86
+ }
87
+
88
+ .Ember-shell * {
89
+ box-sizing: border-box;
90
+ }
91
+
92
+ /* ---------- Header (dark everywhere) ---------- */
93
+ .Ember-header {
94
+ position: fixed;
95
+ inset: 0 0 auto 0;
96
+ height: var(--Ember-header);
97
+ z-index: 10000;
98
+ background: rgba(10,10,10,.86);
99
+ box-shadow: 0 1px 0 rgba(255,69,0,.06);
100
+ transition: transform .28s var(--Ember-ease), backdrop-filter .28s var(--Ember-ease), background-color .28s var(--Ember-ease);
101
+ will-change: transform;
102
+ }
103
+
104
+ @supports(backdrop-filter:blur(1px)) {
105
+ .Ember-header {
106
+ backdrop-filter: blur(8px);
107
+ }
108
+ .Ember-header.is-scrolling {
109
+ backdrop-filter: blur(14px);
110
+ }
111
+ }
112
+
113
+ .Ember-header.is-hidden {
114
+ transform: translateY(-100%);
115
+ }
116
+
117
+ .Ember-row {
118
+ max-width: var(--Ember-maxw);
119
+ margin: 0 auto;
120
+ height: 100%;
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: space-between;
124
+ padding: 0 56px;
125
+ }
126
+
127
+ .Ember-logo {
128
+ height: 68px;
129
+ display: flex;
130
+ align-items: center;
131
+ text-decoration: none;
132
+ position: relative;
133
+ transition: transform .25s var(--Ember-ease);
134
+ }
135
+
136
+ .Ember-logo img {
137
+ height: 100%;
138
+ width: auto;
139
+ display: block;
140
+ filter: brightness(.96);
141
+ transition: filter .25s var(--Ember-ease);
142
+ }
143
+
144
+ .Ember-logo::after {
145
+ content: "";
146
+ position: absolute;
147
+ left: 50%;
148
+ bottom: -6px;
149
+ transform: translateX(-50%) scaleX(0);
150
+ width: 100%;
151
+ height: 2px;
152
+ background: linear-gradient(90deg, transparent, var(--Ember-orange), transparent);
153
+ transition: transform .3s var(--Ember-ease);
154
+ }
155
+
156
+ .Ember-logo:hover {
157
+ transform: translateY(-1px);
158
+ }
159
+
160
+ .Ember-logo:hover img {
161
+ filter: brightness(1.1) drop-shadow(0 0 10px rgba(255,69,0,.4));
162
+ }
163
+
164
+ .Ember-logo:hover::after {
165
+ transform: translateX(-50%) scaleX(1);
166
+ }
167
+
168
+ /* Desktop nav (hover/underline everywhere, only current underlined) */
169
+ .Ember-nav {
170
+ list-style: none;
171
+ display: flex;
172
+ gap: 44px;
173
+ }
174
+
175
+ .Ember-nav a {
176
+ color: var(--Ember-muted);
177
+ text-decoration: none;
178
+ font-size: 15px;
179
+ letter-spacing: .08em;
180
+ text-transform: uppercase;
181
+ font-weight: 700;
182
+ position: relative;
183
+ outline: none;
184
+ }
185
+
186
+ .Ember-nav a::before {
187
+ content: "";
188
+ position: absolute;
189
+ left: 0;
190
+ right: 0;
191
+ bottom: -4px;
192
+ height: 2px;
193
+ background: linear-gradient(90deg, var(--Ember-orange), var(--Ember-bronze-light));
194
+ transform: scaleX(0);
195
+ transition: transform .25s var(--Ember-ease);
196
+ transform-origin: center;
197
+ }
198
+
199
+ .Ember-nav a:hover,
200
+ .Ember-nav a.is-active,
201
+ .Ember-nav a:focus-visible {
202
+ color: var(--Ember-ink);
203
+ }
204
+
205
+ .Ember-nav a:hover::before,
206
+ .Ember-nav a.is-active::before,
207
+ .Ember-nav a:focus-visible::before {
208
+ transform: scaleX(1);
209
+ }
210
+
211
+ /* Burger + Mobile menu with matching underline */
212
+ .Ember-burger {
213
+ display: none;
214
+ background: none;
215
+ border: 0;
216
+ padding: 10px;
217
+ cursor: pointer;
218
+ touch-action: manipulation;
219
+ }
220
+
221
+ .Ember-burger span {
222
+ display: block;
223
+ width: 24px;
224
+ height: 2px;
225
+ background: var(--Ember-orange);
226
+ margin: 5px 0;
227
+ transition: transform .25s, opacity .25s;
228
+ }
229
+
230
+ .Ember-burger.is-open span:nth-child(1) {
231
+ transform: rotate(45deg) translate(5px, 6px);
232
+ }
233
+
234
+ .Ember-burger.is-open span:nth-child(2) {
235
+ opacity: 0;
236
+ }
237
+
238
+ .Ember-burger.is-open span:nth-child(3) {
239
+ transform: rotate(-45deg) translate(6px, -6px);
240
+ }
241
+
242
+ .Ember-mobile {
243
+ position: fixed;
244
+ left: 0;
245
+ right: 0;
246
+ top: var(--Ember-header);
247
+ background: rgba(15,15,15,.98);
248
+ transform: translateY(-100%);
249
+ opacity: 0;
250
+ visibility: hidden;
251
+ transition: transform .28s var(--Ember-ease), opacity .28s;
252
+ z-index: 9999;
253
+ padding: 22px;
254
+ border-bottom: 1px solid rgba(255,69,0,.14);
255
+ }
256
+
257
+ .Ember-mobile.is-open {
258
+ transform: translateY(0);
259
+ opacity: 1;
260
+ visibility: visible;
261
+ }
262
+
263
+ .Ember-mobile ul {
264
+ list-style: none;
265
+ display: flex;
266
+ flex-direction: column;
267
+ gap: 20px;
268
+ margin: 0;
269
+ }
270
+
271
+ .Ember-mobile a {
272
+ color: var(--Ember-ink);
273
+ text-decoration: none;
274
+ letter-spacing: .08em;
275
+ text-transform: uppercase;
276
+ font-weight: 800;
277
+ position: relative;
278
+ outline: none;
279
+ padding: 8px 0;
280
+ }
281
+
282
+ .Ember-mobile a::before {
283
+ content: "";
284
+ position: absolute;
285
+ left: 0;
286
+ right: 0;
287
+ bottom: -2px;
288
+ height: 2px;
289
+ background: linear-gradient(90deg, var(--Ember-orange), var(--Ember-bronze-light));
290
+ transform: scaleX(0);
291
+ transition: transform .25s var(--Ember-ease);
292
+ transform-origin: center;
293
+ }
294
+
295
+ .Ember-mobile a:focus-visible::before,
296
+ .Ember-mobile a:active::before,
297
+ .Ember-mobile a.is-active::before,
298
+ .Ember-mobile a.tap-anim::before {
299
+ transform: scaleX(1);
300
+ }
301
+
302
+ /* Spacer for non-home pages */
303
+ .Ember-spacer {
304
+ height: var(--Ember-header);
305
+ display: block;
306
+ }
307
+
308
+ /* ===== SHOP PAGE STYLES ===== */
309
+ #fft-shop-hybrid {
310
+ /* Core palette (dynamic; chips/collections can override these) */
311
+ --ink: #ffffff;
312
+ --ink-sub: rgba(255,255,255,.82);
313
+ --bg: #0f1113; /* base underlay */
314
+ --steel: #2d2d2d;
315
+ --asphalt: #1a1c1f;
316
+ --card: #15181b;
317
+ --line: #22262a;
318
+ --accent: #ff4500;
319
+ --accent-2: #dc143c;
320
+ --muted: #9aa3ac;
321
+ --radius: 18px;
322
+ --shadow: 0 14px 30px rgba(0,0,0,.24);
323
+
324
+ /* ===== Spacing Scale ===== */
325
+ --space-0: 0;
326
+ --space-1: 4px;
327
+ --space-2: 8px;
328
+ --space-3: 12px;
329
+ --space-4: 16px;
330
+ --space-5: 20px;
331
+ --space-6: 24px;
332
+ --space-7: 32px;
333
+ --space-8: 40px;
334
+
335
+ /* Container paddings */
336
+ --pad-x: var(--space-3);
337
+ --pad-y: var(--space-4);
338
+
339
+ /* Extra hero headroom (tweak here) */
340
+ --hero-top-pad: clamp(18px, 5vw, 48px);
341
+ }
342
+
343
+ #fft-shop-hybrid * {
344
+ box-sizing: border-box;
345
+ }
346
+
347
+ #fft-shop-hybrid .u-m-0 {
348
+ margin: 0!important;
349
+ }
350
+
351
+ #fft-shop-hybrid .u-p-0 {
352
+ padding: 0!important;
353
+ }
354
+
355
+ #fft-shop-hybrid .u-gap-0 {
356
+ gap: 0!important;
357
+ }
358
+
359
+ #fft-shop-hybrid .u-mx-auto {
360
+ margin-left: auto;
361
+ margin-right: auto;
362
+ }
363
+
364
+ #fft-shop-hybrid .u-hide {
365
+ display: none!important;
366
+ }
367
+
368
+ @media (max-width: 640px) {
369
+ #fft-shop-hybrid {
370
+ --pad-x: var(--space-2);
371
+ --pad-y: var(--space-3);
372
+ --space-6: 16px;
373
+ --space-7: 20px;
374
+ --space-8: 24px;
375
+ --hero-top-pad: 16px;
376
+ }
377
+ }
378
+
379
+ @media (min-width: 960px) {
380
+ #fft-shop-hybrid {
381
+ --pad-x: var(--space-6);
382
+ --pad-y: var(--space-7);
383
+ }
384
+ }
385
+
386
+ @media (min-width: 1240px) {
387
+ #fft-shop-hybrid {
388
+ --pad-x: var(--space-8);
389
+ --pad-y: var(--space-8);
390
+ }
391
+ }
392
+
393
+ .fft-hybrid-wrap {
394
+ max-width: 1240px;
395
+ margin: 0 auto;
396
+ padding: var(--pad-y) var(--pad-x);
397
+ position: relative;
398
+ }
399
+
400
+ /* ===== Carbon fiber background (subtle) ===== */
401
+ #fft-shop-hybrid .fft-hybrid-texture {
402
+ position: relative;
403
+ isolation: isolate;
404
+ }
405
+
406
+ #fft-shop-hybrid .fft-hybrid-texture::before {
407
+ content: "";
408
+ position: absolute;
409
+ inset: 0;
410
+ z-index: -2;
411
+ background:
412
+ /* cross-hatch carbon weave */
413
+ repeating-linear-gradient(45deg, #111416 0 6px, #0b0d0f 6px 12px),
414
+ repeating-linear-gradient(-45deg, #0f1214 0 6px, #0a0c0e 6px 12px);
415
+ opacity: .9;
416
+ }
417
+
418
+ #fft-shop-hybrid .fft-hybrid-texture::after {
419
+ content: "";
420
+ position: absolute;
421
+ inset: 0;
422
+ z-index: -1;
423
+ background:
424
+ radial-gradient(1600px 800px at 10% -20%, rgba(255,69,0,.06), transparent 60%),
425
+ linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.6));
426
+ mix-blend: overlay;
427
+ pointer-events: none;
428
+ }
429
+
430
+ /* ================= COUNTDOWN KPI STRIP ================= */
431
+ .fft-countdown {
432
+ margin-top: var(--hero-top-pad);
433
+ margin-bottom: clamp(14px, 3.2vw, 22px);
434
+ display: grid;
435
+ gap: var(--space-3);
436
+ color: var(--ink);
437
+ text-align: center;
438
+ }
439
+
440
+ .fft-countdown .row {
441
+ display: flex;
442
+ justify-content: center;
443
+ align-items: stretch;
444
+ gap: var(--space-3);
445
+ flex-wrap: wrap;
446
+ }
447
+
448
+ .fft-kpi {
449
+ background: linear-gradient(180deg, rgba(10,12,14,.7), rgba(8,10,12,.5));
450
+ border: 1px solid rgba(255,255,255,.08);
451
+ border-radius: 14px;
452
+ padding: 10px 14px;
453
+ min-width: 92px;
454
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 8px 16px rgba(0,0,0,.22);
455
+ }
456
+
457
+ .fft-kpi small {
458
+ display: block;
459
+ color: var(--muted);
460
+ letter-spacing: .14em;
461
+ text-transform: uppercase;
462
+ font-weight: 800;
463
+ }
464
+
465
+ .fft-seg {
466
+ font-variant-numeric: tabular-nums;
467
+ font-feature-settings: "tnum";
468
+ font-weight: 900;
469
+ letter-spacing: .06em;
470
+ font-size: clamp(28px, 6vw, 52px);
471
+ line-height: 1;
472
+ color: #e7f1ff;
473
+ text-shadow:
474
+ 0 0 4px rgba(231,241,255,.45),
475
+ 0 0 12px rgba(255,69,0,.25);
476
+ }
477
+
478
+ .fft-sep {
479
+ padding: 0 .2em;
480
+ opacity: .65;
481
+ font-size: clamp(22px, 5vw, 42px);
482
+ filter: drop-shadow(0 0 6px rgba(255,69,0,.2));
483
+ }
484
+
485
+ .fft-kpi-note {
486
+ font-size: .92rem;
487
+ color: var(--ink-sub);
488
+ }
489
+
490
+ /* ================= HERO ================= */
491
+ .fft-hybrid-hero {
492
+ position: relative;
493
+ border-radius: calc(var(--radius) + 6px);
494
+ overflow: hidden;
495
+ box-shadow: var(--shadow);
496
+ margin: var(--space-6) 0;
497
+ }
498
+
499
+ .fft-hybrid-hero-media {
500
+ position: relative;
501
+ aspect-ratio: 16/7;
502
+ background: #0c0e10;
503
+ transform: translateZ(0);
504
+ }
505
+
506
+ .fft-hybrid-hero-media img {
507
+ width: 100%;
508
+ height: 100%;
509
+ object-fit: cover;
510
+ filter: saturate(1.05) contrast(1.08);
511
+ will-change: transform;
512
+ }
513
+
514
+ .fft-hybrid-hero::after {
515
+ content: "";
516
+ position: absolute;
517
+ inset: 0;
518
+ background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.75));
519
+ pointer-events: none;
520
+ }
521
+
522
+ .fft-hybrid-hero-content {
523
+ position: absolute;
524
+ inset: 0;
525
+ display: flex;
526
+ align-items: end;
527
+ padding: var(--space-6);
528
+ }
529
+
530
+ .fft-hybrid-hero-card {
531
+ background: rgba(13,15,17,.65);
532
+ backdrop-filter: saturate(140%) blur(6px);
533
+ border: 1px solid rgba(255,255,255,.08);
534
+ border-radius: var(--radius);
535
+ padding: var(--space-5) var(--space-6);
536
+ max-width: 820px;
537
+ color: #fff;
538
+ }
539
+
540
+ .fft-eyebrow {
541
+ letter-spacing: .16em;
542
+ text-transform: uppercase;
543
+ font-weight: 900;
544
+ font-size: .78rem;
545
+ opacity: .95;
546
+ }
547
+
548
+ .fft-hero-title {
549
+ font-weight: 900;
550
+ font-size: clamp(28px, 4.4vw, 48px);
551
+ line-height: 1.05;
552
+ margin: .35rem 0 .5rem;
553
+ }
554
+
555
+ .fft-hero-sub {
556
+ color: var(--ink-sub);
557
+ }
558
+
559
+ .fft-cta-row {
560
+ margin-top: var(--space-3);
561
+ display: flex;
562
+ gap: var(--space-2);
563
+ flex-wrap: wrap;
564
+ }
565
+
566
+ .fft-btn {
567
+ appearance: none;
568
+ border: 0;
569
+ padding: 12px 16px;
570
+ border-radius: 12px;
571
+ font-weight: 900;
572
+ cursor: pointer;
573
+ }
574
+
575
+ .fft-btn.accent {
576
+ background: var(--accent);
577
+ color: #fff;
578
+ }
579
+
580
+ .fft-btn.ghost {
581
+ background: transparent;
582
+ border: 1px solid rgba(255,255,255,.25);
583
+ color: #fff;
584
+ }
585
+
586
+ .fft-gauge {
587
+ height: 10px;
588
+ margin: var(--space-4) 0 0;
589
+ border-radius: 999px;
590
+ position: relative;
591
+ overflow: hidden;
592
+ background: #0c0e10;
593
+ border: 1px solid rgba(255,255,255,.1);
594
+ }
595
+
596
+ .fft-gauge::before {
597
+ content: "";
598
+ position: absolute;
599
+ inset: 0;
600
+ background:
601
+ linear-gradient(90deg, rgba(255,69,0,.9), rgba(255,69,0,.25)),
602
+ repeating-linear-gradient(90deg, transparent 0 22px, rgba(255,255,255,.18) 22px 24px);
603
+ mix-blend: screen;
604
+ }
605
+
606
+ /* ================= COLLECTIONS STRIP ================= */
607
+ .fft-collections {
608
+ margin: var(--space-7) 0 var(--space-2);
609
+ }
610
+
611
+ .fft-collections-rail {
612
+ display: grid;
613
+ grid-template-columns: repeat(3, 1fr);
614
+ gap: var(--space-3);
615
+ }
616
+
617
+ @media (max-width: 960px) {
618
+ .fft-collections-rail {
619
+ display: flex;
620
+ gap: var(--space-3);
621
+ overflow-x: auto;
622
+ -webkit-overflow-scrolling: touch;
623
+ scroll-snap-type: x mandatory;
624
+ padding-bottom: var(--space-2);
625
+ }
626
+ .fft-collection {
627
+ min-width: 78%;
628
+ scroll-snap-align: center;
629
+ }
630
+ }
631
+
632
+ .fft-collection {
633
+ position: relative;
634
+ border-radius: var(--radius);
635
+ overflow: hidden;
636
+ background: var(--card);
637
+ border: 1px solid var(--line);
638
+ box-shadow: var(--shadow);
639
+ text-decoration: none;
640
+ color: inherit;
641
+ display: block;
642
+ }
643
+
644
+ .fft-collection-media {
645
+ position: relative;
646
+ aspect-ratio: 4/3;
647
+ background: #0d0f12;
648
+ }
649
+
650
+ .fft-collection-media img {
651
+ width: 100%;
652
+ height: 100%;
653
+ object-fit: cover;
654
+ display: block;
655
+ transition: transform .7s cubic-bezier(.2,.9,.2,1);
656
+ }
657
+
658
+ .fft-collection:hover .fft-collection-media img {
659
+ transform: scale(1.06);
660
+ }
661
+
662
+ .fft-collection-tag {
663
+ position: absolute;
664
+ top: 14px;
665
+ left: 14px;
666
+ background: var(--accent);
667
+ color: #fff;
668
+ padding: 6px 10px;
669
+ border-radius: 999px;
670
+ font-size: .72rem;
671
+ letter-spacing: .08em;
672
+ font-weight: 900;
673
+ }
674
+
675
+ .fft-collection-body {
676
+ padding: var(--space-4);
677
+ }
678
+
679
+ .fft-collection-title {
680
+ font-weight: 900;
681
+ font-size: 1.2rem;
682
+ margin: 0 0 6px;
683
+ }
684
+
685
+ .fft-collection-kicker {
686
+ color: var(--muted);
687
+ font-size: .95rem;
688
+ }
689
+
690
+ .fft-collection-overlay {
691
+ position: absolute;
692
+ inset: 0;
693
+ display: flex;
694
+ align-items: end;
695
+ padding: 16px;
696
+ background: linear-gradient(180deg, transparent, rgba(0,0,0,.78));
697
+ opacity: 0;
698
+ transition: opacity .35s ease;
699
+ }
700
+
701
+ .fft-collection:hover .fft-collection-overlay {
702
+ opacity: 1;
703
+ }
704
+
705
+ .fft-collection-tagline {
706
+ background: rgba(0,0,0,.65);
707
+ border: 1px solid rgba(255,255,255,.18);
708
+ color: #fff;
709
+ padding: 10px 12px;
710
+ border-radius: 12px;
711
+ font-weight: 800;
712
+ letter-spacing: .04em;
713
+ }
714
+
715
+ /* ================= STORY STAGGERS ================= */
716
+ .fft-stories {
717
+ margin: var(--space-6) 0 var(--space-2);
718
+ }
719
+
720
+ .fft-story {
721
+ display: grid;
722
+ grid-template-columns: 1.1fr .9fr;
723
+ gap: var(--space-3);
724
+ align-items: stretch;
725
+ margin: var(--space-4) 0;
726
+ border-radius: var(--radius);
727
+ overflow: hidden;
728
+ border: 1px solid var(--line);
729
+ background: var(--card);
730
+ }
731
+
732
+ .fft-story.reverse {
733
+ grid-template-columns: .9fr 1.1fr;
734
+ }
735
+
736
+ .fft-story-media {
737
+ min-height: 280px;
738
+ background: #0d0f12;
739
+ }
740
+
741
+ .fft-story-media img {
742
+ width: 100%;
743
+ height: 100%;
744
+ object-fit: cover;
745
+ display: block;
746
+ }
747
+
748
+ .fft-story-body {
749
+ padding: var(--space-5);
750
+ }
751
+
752
+ .fft-story-eyebrow {
753
+ color: var(--accent);
754
+ font-weight: 900;
755
+ letter-spacing: .12em;
756
+ text-transform: uppercase;
757
+ font-size: .78rem;
758
+ }
759
+
760
+ .fft-story-title {
761
+ font-size: 1.35rem;
762
+ font-weight: 900;
763
+ margin: 6px 0 8px;
764
+ }
765
+
766
+ .fft-story-copy {
767
+ color: var(--ink-sub);
768
+ }
769
+
770
+ @media (max-width: 920px) {
771
+ .fft-story,
772
+ .fft-story.reverse {
773
+ grid-template-columns: 1fr;
774
+ }
775
+ }
776
+
777
+ /* ================= STICKY FILTERS / GRID / NEWS ================= */
778
+ .fft-filters-wrap {
779
+ position: sticky;
780
+ top: 0;
781
+ z-index: 6;
782
+ background: linear-gradient(180deg, #0c0e10, #0c0e10e6);
783
+ backdrop-filter: saturate(140%) blur(6px);
784
+ border-top: 1px solid var(--line);
785
+ border-bottom: 1px solid var(--line);
786
+ }
787
+
788
+ .fft-filters {
789
+ display: flex;
790
+ gap: var(--space-3);
791
+ align-items: center;
792
+ justify-content: space-between;
793
+ padding: var(--space-3) 0;
794
+ flex-wrap: wrap;
795
+ }
796
+
797
+ .fft-chips,
798
+ .fft-actions {
799
+ display: flex;
800
+ gap: var(--space-2);
801
+ align-items: center;
802
+ flex-wrap: wrap;
803
+ }
804
+
805
+ .fft-chip {
806
+ border: 1px solid var(--line);
807
+ background: #0e1114;
808
+ color: #fff;
809
+ padding: 8px 12px;
810
+ border-radius: 999px;
811
+ cursor: pointer;
812
+ font-weight: 800;
813
+ }
814
+
815
+ .fft-chip.active {
816
+ border-color: var(--accent);
817
+ color: var(--accent);
818
+ }
819
+
820
+ .fft-search {
821
+ position: relative;
822
+ }
823
+
824
+ .fft-search input {
825
+ padding: 10px 14px 10px 36px;
826
+ border: 1px solid var(--line);
827
+ background: #0e1114;
828
+ color: #fff;
829
+ border-radius: 10px;
830
+ width: 240px;
831
+ }
832
+
833
+ .fft-search svg {
834
+ position: absolute;
835
+ left: 10px;
836
+ top: 50%;
837
+ transform: translateY(-50%);
838
+ opacity: .6;
839
+ }
840
+
841
+ .fft-sort,
842
+ .fft-price-range,
843
+ .fft-select {
844
+ padding: 10px 14px;
845
+ border: 1px solid var(--line);
846
+ border-radius: 10px;
847
+ background: #0e1114;
848
+ color: #fff;
849
+ }
850
+
851
+ .fft-grid {
852
+ display: grid;
853
+ grid-template-columns: repeat(12, 1fr);
854
+ gap: var(--space-3);
855
+ margin: var(--space-4) 0 var(--space-8);
856
+ }
857
+
858
+ .fft-card {
859
+ grid-column: span 6;
860
+ background: var(--card);
861
+ border: 1px solid var(--line);
862
+ border-radius: var(--radius);
863
+ overflow: hidden;
864
+ box-shadow: var(--shadow);
865
+ display: flex;
866
+ flex-direction: column;
867
+ }
868
+
869
+ @media (min-width: 720px) {
870
+ .fft-card {
871
+ grid-column: span 4;
872
+ }
873
+ }
874
+
875
+ @media (min-width: 1040px) {
876
+ .fft-card {
877
+ grid-column: span 3;
878
+ }
879
+ }
880
+
881
+ .fft-media {
882
+ position: relative;
883
+ aspect-ratio: 1/1;
884
+ background: #0d0f12;
885
+ }
886
+
887
+ .fft-media img {
888
+ width: 100%;
889
+ height: 100%;
890
+ object-fit: cover;
891
+ display: block;
892
+ }
893
+
894
+ .fft-img.skeleton::after {
895
+ content: "";
896
+ position: absolute;
897
+ inset: 0;
898
+ background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.02), rgba(255,255,255,.06));
899
+ animation: fft-shimmer 1.2s linear infinite;
900
+ }
901
+
902
+ @keyframes fft-shimmer {
903
+ 0% {
904
+ transform: translateX(-100%);
905
+ }
906
+ 100% {
907
+ transform: translateX(100%);
908
+ }
909
+ }
910
+
911
+ .fft-badges {
912
+ position: absolute;
913
+ left: 10px;
914
+ top: 10px;
915
+ display: flex;
916
+ gap: 6px;
917
+ flex-wrap: wrap;
918
+ }
919
+
920
+ .fft-badge {
921
+ background: var(--accent);
922
+ color: #fff;
923
+ padding: 6px 8px;
924
+ border-radius: 999px;
925
+ font-size: .72rem;
926
+ letter-spacing: .03em;
927
+ font-weight: 900;
928
+ }
929
+
930
+ .fft-badge.alt {
931
+ background: var(--accent-2);
932
+ }
933
+
934
+ .fft-info {
935
+ padding: 14px 14px 10px;
936
+ }
937
+
938
+ .fft-title {
939
+ font-weight: 900;
940
+ line-height: 1.2;
941
+ }
942
+
943
+ .fft-meta {
944
+ display: flex;
945
+ justify-content: space-between;
946
+ align-items: center;
947
+ color: var(--muted);
948
+ font-size: .95rem;
949
+ margin-top: 6px;
950
+ }
951
+
952
+ .fft-fuelnote {
953
+ margin-top: 10px;
954
+ color: var(--ink-sub);
955
+ font-size: .92rem;
956
+ opacity: .9;
957
+ }
958
+
959
+ .fft-actions-row {
960
+ display: flex;
961
+ gap: 10px;
962
+ padding: 12px 14px 16px;
963
+ }
964
+
965
+ .fft-btn.buy {
966
+ background: var(--accent);
967
+ color: #fff;
968
+ flex: 1;
969
+ border-radius: 10px;
970
+ }
971
+
972
+ .fft-btn.view {
973
+ flex: 1;
974
+ background: #0e1114;
975
+ color: #fff;
976
+ border: 1px solid var(--line);
977
+ border-radius: 10px;
978
+ }
979
+
980
+ .fft-wish {
981
+ position: absolute;
982
+ right: 10px;
983
+ top: 10px;
984
+ background: rgba(0,0,0,.5);
985
+ border: 1px solid rgba(255,255,255,.18);
986
+ color: #fff;
987
+ border-radius: 999px;
988
+ padding: 6px;
989
+ cursor: pointer;
990
+ }
991
+
992
+ .fft-wish.on {
993
+ background: var(--accent);
994
+ }
995
+
996
+ .fft-news {
997
+ border: 1px solid var(--line);
998
+ border-radius: var(--radius);
999
+ padding: var(--space-6);
1000
+ margin: var(--space-8) 0;
1001
+ display: grid;
1002
+ gap: 10px;
1003
+ background: var(--card);
1004
+ }
1005
+
1006
+ @media (min-width: 820px) {
1007
+ .fft-news {
1008
+ grid-template-columns: 1.2fr .8fr;
1009
+ align-items: center;
1010
+ }
1011
+ }
1012
+
1013
+ .fft-news h4 {
1014
+ margin: 0;
1015
+ font-size: 1.3rem;
1016
+ font-weight: 900;
1017
+ }
1018
+
1019
+ .fft-nl {
1020
+ display: flex;
1021
+ gap: 8px;
1022
+ flex-wrap: wrap;
1023
+ }
1024
+
1025
+ .fft-nl input {
1026
+ padding: 12px 14px;
1027
+ border: 1px solid var(--line);
1028
+ border-radius: 10px;
1029
+ flex: 1;
1030
+ min-width: 220px;
1031
+ background: #0e1114;
1032
+ color: #fff;
1033
+ }
1034
+
1035
+ .fft-nl .fft-btn {
1036
+ white-space: nowrap;
1037
+ }
1038
+
1039
+ /* Recently viewed sidebar */
1040
+ .fft-recent {
1041
+ position: sticky;
1042
+ top: calc(60px + var(--pad-y));
1043
+ margin-left: auto;
1044
+ max-width: 260px;
1045
+ display: none;
1046
+ }
1047
+
1048
+ @media (min-width: 1200px) {
1049
+ .fft-recent {
1050
+ display: block;
1051
+ }
1052
+ }
1053
+
1054
+ /* Reveals */
1055
+ .reveal {
1056
+ opacity: 0;
1057
+ transform: translateY(18px);
1058
+ transition: opacity .6s ease, transform .6s ease;
1059
+ }
1060
+
1061
+ .reveal.on {
1062
+ opacity: 1;
1063
+ transform: none;
1064
+ }
1065
+
1066
+ @media (prefers-reduced-motion: reduce) {
1067
+ .reveal {
1068
+ opacity: 1;
1069
+ transform: none;
1070
+ transition: none;
1071
+ }
1072
+ .fft-collection-media img {
1073
+ transition: none;
1074
+ }
1075
+ }
1076
+
1077
+ /* ===== FOOTER STYLES ===== */
1078
+ .Ember-footer {
1079
+ background: linear-gradient(180deg, var(--steel) 0%, #1a1a1a 20%, var(--black) 100%);
1080
+ padding: 80px 0 30px;
1081
+ border-top: 1px solid rgba(255, 69, 0, 0.1);
1082
+ position: relative;
1083
+ }
1084
+
1085
+ /* Top accent line */
1086
+ .Ember-footer::before {
1087
+ content: '';
1088
+ position: absolute;
1089
+ top: 0;
1090
+ left: 0;
1091
+ right: 0;
1092
+ height: 2px;
1093
+ background: linear-gradient(90deg,
1094
+ transparent,
1095
+ var(--fire-orange) 20%,
1096
+ var(--racing-red) 50%,
1097
+ var(--fire-orange) 80%,
1098
+ transparent);
1099
+ opacity: 0.6;
1100
+ }
1101
+
1102
+ .Ember-footer-container {
1103
+ max-width: 1400px;
1104
+ margin: 0 auto;
1105
+ padding: 0 40px;
1106
+ }
1107
+
1108
+ /* Main Footer Content */
1109
+ .Ember-footer-content {
1110
+ display: grid;
1111
+ grid-template-columns: 2fr 1fr 1fr 1.5fr;
1112
+ gap: 60px;
1113
+ margin-bottom: 60px;
1114
+ }
1115
+
1116
+ /* Brand Column */
1117
+ .Ember-footer-brand {
1118
+ display: flex;
1119
+ flex-direction: column;
1120
+ gap: 25px;
1121
+ }
1122
+
1123
+ .Ember-footer-logo {
1124
+ display: inline-block;
1125
+ height: 60px;
1126
+ width: auto;
1127
+ transition: all 0.3s ease;
1128
+ }
1129
+
1130
+ .Ember-footer-logo img {
1131
+ height: 100%;
1132
+ width: auto;
1133
+ filter: brightness(0.9);
1134
+ transition: filter 0.3s ease;
1135
+ }
1136
+
1137
+ .Ember-footer-logo:hover img {
1138
+ filter: brightness(1.1) drop-shadow(0 0 10px rgba(255, 69, 0, 0.5));
1139
+ }
1140
+
1141
+ .Ember-footer-tagline {
1142
+ font-size: 18px;
1143
+ line-height: 1.6;
1144
+ color: var(--smoke);
1145
+ font-style: italic;
1146
+ letter-spacing: 0.5px;
1147
+ }
1148
+
1149
+ .Ember-footer-description {
1150
+ font-size: 14px;
1151
+ line-height: 1.8;
1152
+ color: var(--smoke);
1153
+ max-width: 400px;
1154
+ }
1155
+
1156
+ /* Navigation Columns */
1157
+ .Ember-footer-nav {
1158
+ display: flex;
1159
+ flex-direction: column;
1160
+ gap: 20px;
1161
+ }
1162
+
1163
+ .Ember-footer-nav h3 {
1164
+ font-size: 12px;
1165
+ font-weight: 700;
1166
+ text-transform: uppercase;
1167
+ letter-spacing: 2px;
1168
+ color: var(--fire-orange);
1169
+ margin-bottom: 5px;
1170
+ position: relative;
1171
+ padding-bottom: 10px;
1172
+ }
1173
+
1174
+ .Ember-footer-nav h3::after {
1175
+ content: '';
1176
+ position: absolute;
1177
+ bottom: 0;
1178
+ left: 0;
1179
+ width: 0;
1180
+ height: 2px;
1181
+ background: var(--fire-orange);
1182
+ transition: width 0.6s ease;
1183
+ }
1184
+
1185
+ .Ember-footer-nav h3.animate::after {
1186
+ width: 100%;
1187
+ }
1188
+
1189
+ /* Special styling for Connect section titles */
1190
+ .Ember-footer-connect h3 {
1191
+ font-size: 12px;
1192
+ font-weight: 700;
1193
+ text-transform: uppercase;
1194
+ letter-spacing: 2px;
1195
+ background: linear-gradient(135deg, var(--bronze) 0%, var(--bronze-light) 50%, var(--bronze) 100%);
1196
+ -webkit-background-clip: text;
1197
+ -webkit-text-fill-color: transparent;
1198
+ background-clip: text;
1199
+ margin-bottom: 5px;
1200
+ position: relative;
1201
+ padding-bottom: 10px;
1202
+ }
1203
+
1204
+ .Ember-footer-connect h3::after {
1205
+ content: '';
1206
+ position: absolute;
1207
+ bottom: 0;
1208
+ left: 0;
1209
+ width: 0;
1210
+ height: 2px;
1211
+ background: linear-gradient(90deg, var(--bronze), var(--bronze-light));
1212
+ transition: width 0.6s ease;
1213
+ }
1214
+
1215
+ .Ember-footer-connect h3.animate::after {
1216
+ width: 100%;
1217
+ }
1218
+
1219
+ .Ember-footer-nav ul {
1220
+ list-style: none;
1221
+ display: flex;
1222
+ flex-direction: column;
1223
+ gap: 12px;
1224
+ }
1225
+
1226
+ .Ember-footer-nav a {
1227
+ color: var(--smoke);
1228
+ text-decoration: none;
1229
+ font-size: 15px;
1230
+ font-weight: 500;
1231
+ transition: all 0.3s ease;
1232
+ position: relative;
1233
+ display: inline-block;
1234
+ }
1235
+
1236
+ .Ember-footer-nav a::before {
1237
+ content: '';
1238
+ position: absolute;
1239
+ bottom: -2px;
1240
+ left: 0;
1241
+ width: 0;
1242
+ height: 1px;
1243
+ background: var(--fire-orange);
1244
+ transition: width 0.3s ease;
1245
+ }
1246
+
1247
+ .Ember-footer-nav a:hover::before {
1248
+ width: 100%;
1249
+ }
1250
+
1251
+ .Ember-footer-nav a:hover {
1252
+ color: var(--white);
1253
+ transform: translateX(3px);
1254
+ }
1255
+
1256
+ /* Social & Newsletter Column */
1257
+ .Ember-footer-connect {
1258
+ display: flex;
1259
+ flex-direction: column;
1260
+ gap: 25px;
1261
+ }
1262
+
1263
+ .Ember-social-links {
1264
+ display: flex;
1265
+ gap: 15px;
1266
+ margin-top: 10px;
1267
+ }
1268
+
1269
+ .Ember-social-link {
1270
+ width: 40px;
1271
+ height: 40px;
1272
+ border: 1px solid rgba(255, 69, 0, 0.3);
1273
+ border-radius: 4px;
1274
+ display: flex;
1275
+ align-items: center;
1276
+ justify-content: center;
1277
+ text-decoration: none;
1278
+ color: var(--smoke);
1279
+ transition: all 0.3s ease;
1280
+ background: rgba(255, 255, 255, 0.02);
1281
+ }
1282
+
1283
+ .Ember-social-link:hover {
1284
+ background: var(--fire-orange);
1285
+ border-color: var(--fire-orange);
1286
+ color: var(--white);
1287
+ transform: translateY(-3px);
1288
+ box-shadow: 0 5px 15px rgba(255, 69, 0, 0.3);
1289
+ }
1290
+
1291
+ /* Newsletter Signup */
1292
+ .fft-newsletter-mini {
1293
+ margin-top: 10px;
1294
+ }
1295
+
1296
+ .fft-newsletter-form {
1297
+ display: flex;
1298
+ gap: 10px;
1299
+ margin-top: 15px;
1300
+ }
1301
+
1302
+ .fft-newsletter-input {
1303
+ flex: 1;
1304
+ padding: 12px 15px;
1305
+ background: rgba(255, 255, 255, 0.05);
1306
+ border: 1px solid rgba(255, 255, 255, 0.1);
1307
+ border-radius: 4px;
1308
+ color: var(--white);
1309
+ font-size: 14px;
1310
+ transition: all 0.3s ease;
1311
+ }
1312
+
1313
+ .fft-newsletter-input::placeholder {
1314
+ color: var(--smoke);
1315
+ }
1316
+
1317
+ .fft-newsletter-input:focus {
1318
+ outline: none;
1319
+ border-color: var(--fire-orange);
1320
+ background: rgba(255, 255, 255, 0.08);
1321
+ }
1322
+
1323
+ .fft-newsletter-submit {
1324
+ padding: 12px 20px;
1325
+ background: var(--fire-orange);
1326
+ color: var(--white);
1327
+ border: none;
1328
+ border-radius: 4px;
1329
+ font-weight: 700;
1330
+ text-transform: uppercase;
1331
+ font-size: 12px;
1332
+ letter-spacing: 1px;
1333
+ cursor: pointer;
1334
+ transition: all 0.3s ease;
1335
+ }
1336
+
1337
+ .fft-newsletter-submit:hover {
1338
+ background: var(--racing-red);
1339
+ transform: translateY(-2px);
1340
+ box-shadow: 0 5px 15px rgba(255, 69, 0, 0.3);
1341
+ }
1342
+
1343
+ /* Footer Bottom */
1344
+ .Ember-footer-bottom {
1345
+ padding-top: 30px;
1346
+ border-top: 1px solid rgba(255, 255, 255, 0.05);
1347
+ display: flex;
1348
+ justify-content: space-between;
1349
+ align-items: center;
1350
+ flex-wrap: wrap;
1351
+ gap: 20px;
1352
+ }
1353
+
1354
+ .Ember-footer-copyright {
1355
+ color: var(--smoke);
1356
+ font-size: 14px;
1357
+ }
1358
+
1359
+ .Ember-footer-legal {
1360
+ display: flex;
1361
+ gap: 30px;
1362
+ align-items: center;
1363
+ }
1364
+
1365
+ .Ember-footer-legal a {
1366
+ color: var(--smoke);
1367
+ text-decoration: none;
1368
+ font-size: 14px;
1369
+ transition: color 0.3s ease;
1370
+ }
1371
+
1372
+ .Ember-footer-legal a:hover {
1373
+ color: var(--white);
1374
+ }
1375
+
1376
+ /* ===== RESPONSIVE DESIGN ===== */
1377
+ @media (max-width: 1024px) {
1378
+ .Ember-row {
1379
+ padding: 0 24px;
1380
+ }
1381
+ .Ember-logo {
1382
+ height: 62px;
1383
+ }
1384
+ .Ember-footer-content {
1385
+ grid-template-columns: 1fr 1fr;
1386
+ gap: 40px;
1387
+ }
1388
+ }
1389
+
1390
+ @media (max-width: 768px) {
1391
+ .Ember-shell {
1392
+ --Ember-header: var(--Ember-header-md);
1393
+ }
1394
+ .Ember-burger {
1395
+ display: block;
1396
+ }
1397
+ .Ember-nav {
1398
+ display: none;
1399
+ }
1400
+ .Ember-logo {
1401
+ height: 56px;
1402
+ }
1403
+ .Ember-footer {
1404
+ padding: 60px 0 30px;
1405
+ }
1406
+ .Ember-footer-container {
1407
+ padding: 0 24px;
1408
+ }
1409
+ .Ember-footer-content {
1410
+ grid-template-columns: 1fr;
1411
+ gap: 40px;
1412
+ text-align: center;
1413
+ }
1414
+ .Ember-footer-nav h3.animate::after,
1415
+ .Ember-footer-connect h3.animate::after {
1416
+ left: 50%;
1417
+ transform: translateX(-50%);
1418
+ width: 100%;
1419
+ }
1420
+ .Ember-footer-nav ul {
1421
+ align-items: center;
1422
+ }
1423
+ .Ember-social-links {
1424
+ justify-content: center;
1425
+ }
1426
+ .Ember-footer-bottom {
1427
+ flex-direction: column;
1428
+ text-align: center;
1429
+ }
1430
+ .Ember-footer-legal {
1431
+ flex-direction: column;
1432
+ gap: 15px;
1433
+ }
1434
+ .fft-newsletter-form {
1435
+ flex-direction: column;
1436
+ }
1437
+ }
1438
+ </style>
1439
+ <link href="https://example.com/shop.html" rel="canonical"/><meta content="Ember is an editorial commerce prebuild for bold product discovery, brand stories, collection launches, and community—without defaulting to a tiled grid." name="description"/><meta content="index,follow,max-image-preview:large" name="robots"/><meta content="#111111" name="theme-color"/><meta content="website" property="og:type"/><meta content="A lifestyle built from grit — and time. — Ember" property="og:title"/><meta content="Ember is an editorial commerce prebuild for bold product discovery, brand stories, collection launches, and community—without defaulting to a tiled grid." property="og:description"/><meta content="https://example.com/shop.html" property="og:url"/><meta content="https://example.com/assets/generated/social-card.webp" property="og:image"/><meta content="summary_large_image" name="twitter:card"/><meta content="A lifestyle built from grit — and time. — Ember" name="twitter:title"/><meta content="Ember is an editorial commerce prebuild for bold product discovery, brand stories, collection launches, and community—without defaulting to a tiled grid." name="twitter:description"/><meta content="https://example.com/assets/generated/social-card.webp" name="twitter:image"/><script data-agentsam-seo="theme-remaster" type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Ember Supply", "description": "Ember is an editorial commerce prebuild for bold product discovery, brand stories, collection launches, and community—without defaulting to a tiled grid.", "url": "https://example.com/shop.html", "isPartOf": {"@type": "CreativeWork", "name": "Ember AgentSam Prebuild"}}</script></head>
1440
+ <body>
1441
+ <!-- Ember Header -->
1442
+ <div class="Ember-shell" id="EmberApp">
1443
+ <!-- Header -->
1444
+ <header class="Ember-header" id="EmberHeader">
1445
+ <div class="Ember-row">
1446
+ <a aria-label="Ember Supply" class="Ember-logo" href="./">
1447
+ <img alt="Ember Supply" height="68" src="/assets/generated/media-2db4f5ff9e.webp" width="256"/>
1448
+ </a>
1449
+ <nav aria-label="Primary" class="Ember-primary">
1450
+ <ul class="Ember-nav">
1451
+ <li><a href="./">Home</a></li>
1452
+ <li><a class="is-active" href="./shop.html">Shop</a></li>
1453
+ <li><a href="./about.html">About</a></li>
1454
+ <li><a href="./community.html">Community</a></li>
1455
+ </ul>
1456
+ </nav>
1457
+ <button aria-controls="EmberMobile" aria-expanded="false" aria-label="Open menu" class="Ember-burger" id="EmberBurger">
1458
+ <span></span><span></span><span></span>
1459
+ </button>
1460
+ </div>
1461
+ </header>
1462
+ <!-- Mobile Menu -->
1463
+ <nav aria-label="Mobile" class="Ember-mobile" id="EmberMobile">
1464
+ <ul>
1465
+ <li><a href="./">Home</a></li>
1466
+ <li><a class="is-active" href="./shop.html">Shop</a></li>
1467
+ <li><a href="./about.html">About</a></li>
1468
+ <li><a href="./community.html">Community</a></li>
1469
+ </ul>
1470
+ </nav>
1471
+ <!-- Spacer for non-home pages -->
1472
+ <div class="Ember-spacer" id="EmberSpacer"></div>
1473
+ </div>
1474
+ <!-- SHOP PAGE CONTENT -->
1475
+ <section aria-label="Ember Supply Shop – Hybrid Lifestyle" id="fft-shop-hybrid">
1476
+ <!-- ================== COUNTDOWN STRIP ================== -->
1477
+ <div class="fft-hybrid-wrap fft-hybrid-texture">
1478
+ <section class="fft-countdown" data-launch="2025-09-15T17:00:00">
1479
+ <div aria-live="polite" class="row">
1480
+ <div class="fft-kpi">
1481
+ <small>Days</small>
1482
+ <div class="fft-seg" id="fft-dd">00</div>
1483
+ </div>
1484
+ <div class="fft-sep">:</div>
1485
+ <div class="fft-kpi">
1486
+ <small>Hours</small>
1487
+ <div class="fft-seg" id="fft-hh">00</div>
1488
+ </div>
1489
+ <div class="fft-sep">:</div>
1490
+ <div class="fft-kpi">
1491
+ <small>Minutes</small>
1492
+ <div class="fft-seg" id="fft-mm">00</div>
1493
+ </div>
1494
+ <div class="fft-sep">:</div>
1495
+ <div class="fft-kpi">
1496
+ <small>Seconds</small>
1497
+ <div class="fft-seg" id="fft-ss">00</div>
1498
+ </div>
1499
+ </div>
1500
+ <div class="fft-kpi-note">Launch countdown — set your reminder &amp; get first dibs.</div>
1501
+ </section>
1502
+ </div>
1503
+ <!-- ================= HERO ================= -->
1504
+ <div class="fft-hybrid-wrap fft-hybrid-texture">
1505
+ <header class="fft-hybrid-hero reveal on">
1506
+ <div aria-hidden="true" class="fft-hybrid-hero-media" data-parallax="">
1507
+ <img alt="" fetchpriority="high" loading="eager" src="/assets/generated/media-58182cf167.webp"/>
1508
+ </div>
1509
+ <div class="fft-hybrid-hero-content">
1510
+ <div class="fft-hybrid-hero-card">
1511
+ <div class="fft-eyebrow">Collections</div>
1512
+ <h1 class="fft-hero-title">A lifestyle built from grit — and time.</h1>
1513
+ <p class="fft-hero-sub">Shop High Octane, Masters, and Essentials. Clean grid. Real stories. Fire-orange attitude.</p>
1514
+ <div class="fft-cta-row">
1515
+ <a class="fft-btn accent" href="#fft-grid">Shop All</a>
1516
+ <a class="fft-btn ghost" href="#fft-collections">Browse Collections</a>
1517
+ </div>
1518
+ <div aria-hidden="true" class="fft-gauge"></div>
1519
+ </div>
1520
+ </div>
1521
+ </header>
1522
+ </div>
1523
+ <!-- ============== COLLECTIONS STRIP (Swipe on mobile) ============== -->
1524
+ <div class="fft-hybrid-wrap">
1525
+ <section class="fft-collections" id="fft-collections">
1526
+ <div class="fft-collections-rail" data-drag-scroll="">
1527
+ <!-- High Octane -->
1528
+ <a class="fft-collection reveal" data-theme='{"--accent":"#ff4500","--accent-2":"#dc143c"}' href="https://example.com/collections/high-octane-performance-gear">
1529
+ <div class="fft-collection-media">
1530
+ <img alt="High Octane Collection" loading="lazy" src="/assets/generated/media-58182cf167.webp"/>
1531
+ <span class="fft-collection-tag">High Octane</span>
1532
+ <div class="fft-collection-overlay">
1533
+ <div class="fft-collection-tagline">"For the midnight wrenchers."</div>
1534
+ </div>
1535
+ </div>
1536
+ <div class="fft-collection-body">
1537
+ <h3 class="fft-collection-title">High Octane</h3>
1538
+ <p class="fft-collection-kicker">Performance gear when you're running at redline.</p>
1539
+ </div>
1540
+ </a>
1541
+ <!-- Masters -->
1542
+ <a class="fft-collection reveal" data-theme='{"--accent":"#caa25c","--accent-2":"#a67c38"}' href="https://example.com/collections/masters">
1543
+ <div class="fft-collection-media">
1544
+ <img alt="Masters Collection" loading="lazy" src="/assets/generated/media-fab72cd344.webp"/>
1545
+ <span class="fft-collection-tag">Masters</span>
1546
+ <div class="fft-collection-overlay">
1547
+ <div class="fft-collection-tagline">"Earned free time. Worn with pride."</div>
1548
+ </div>
1549
+ </div>
1550
+ <div class="fft-collection-body">
1551
+ <h3 class="fft-collection-title">Masters Series</h3>
1552
+ <p class="fft-collection-kicker">Premium cuts for those who've put in the years.</p>
1553
+ </div>
1554
+ </a>
1555
+ <!-- Essentials -->
1556
+ <a class="fft-collection reveal" data-theme='{"--accent":"#00a6a6","--accent-2":"#0bb"}' href="https://example.com/collections/essentials">
1557
+ <div class="fft-collection-media">
1558
+ <img alt="Everyday Essentials" loading="lazy" src="/assets/generated/media-931439701c.webp"/>
1559
+ <span class="fft-collection-tag">Essentials</span>
1560
+ <div class="fft-collection-overlay">
1561
+ <div class="fft-collection-tagline">"Coffee-fueled mornings. Garage nights."</div>
1562
+ </div>
1563
+ </div>
1564
+ <div class="fft-collection-body">
1565
+ <h3 class="fft-collection-title">Everyday Essentials</h3>
1566
+ <p class="fft-collection-kicker">Daily drivers you'll reach for without thinking.</p>
1567
+ </div>
1568
+ </a>
1569
+ </div>
1570
+ </section>
1571
+ </div>
1572
+ <!-- ================= STORY STAGGERS ================= -->
1573
+ <div class="fft-hybrid-wrap">
1574
+ <section class="fft-stories">
1575
+ <article class="fft-story reveal">
1576
+ <div class="fft-story-media">
1577
+ <img alt="Fuel stop lifestyle" loading="lazy" src="/assets/generated/media-7c1c8120bc.webp"/>
1578
+ </div>
1579
+ <div class="fft-story-body">
1580
+ <div class="fft-story-eyebrow">Fuel Stop</div>
1581
+ <h3 class="fft-story-title">Wind in your hair. Time on your side.</h3>
1582
+ <p class="fft-story-copy">We don't just sell product—we sell the hours you fought to enjoy. Pull over, top off, and take the long way home.</p>
1583
+ </div>
1584
+ </article>
1585
+ <article class="fft-story reverse reveal">
1586
+ <div class="fft-story-body">
1587
+ <div class="fft-story-eyebrow">Garage Night</div>
1588
+ <h3 class="fft-story-title">Stories, sockets, and second winds.</h3>
1589
+ <p class="fft-story-copy">Every scratch has a story. Our gear is built for nights that end with dirty hands and clear heads.</p>
1590
+ </div>
1591
+ <div class="fft-story-media">
1592
+ <img alt="Garage night" loading="lazy" src="/assets/generated/media-5b8b8472ae.webp"/>
1593
+ </div>
1594
+ </article>
1595
+ </section>
1596
+ </div>
1597
+ <!-- ================= STICKY FILTERS ================= -->
1598
+ <div class="fft-filters-wrap">
1599
+ <div class="fft-hybrid-wrap">
1600
+ <div aria-label="Filters and sorting" class="fft-filters" role="region">
1601
+ <div class="fft-chips">
1602
+ <button class="fft-chip" data-fftf="new">New</button>
1603
+ <button class="fft-chip" data-fftf="limited">Limited</button>
1604
+ <button class="fft-chip" data-fftf="high-octane">High Octane</button>
1605
+ <button class="fft-chip" data-fftf="masters">Masters</button>
1606
+ <button class="fft-chip" data-fftf="essentials">Essentials</button>
1607
+ <!-- Advanced filters -->
1608
+ <select aria-label="Size" class="fft-select" id="fft-size">
1609
+ <option value="">Size</option><option>XS</option><option>S</option><option>M</option><option>L</option><option>XL</option><option>XXL</option>
1610
+ </select>
1611
+ <select aria-label="Color" class="fft-select" id="fft-color">
1612
+ <option value="">Color</option><option>Black</option><option>White</option><option>Teal</option><option>Orange</option>
1613
+ </select>
1614
+ <label class="fft-price-range">
1615
+ $<input id="fft-min" inputmode="numeric" placeholder="Min" style="width:72px" type="number"/> –
1616
+ $<input id="fft-max" inputmode="numeric" placeholder="Max" style="width:72px" type="number"/>
1617
+ </label>
1618
+ </div>
1619
+ <div class="fft-actions">
1620
+ <label class="fft-search">
1621
+ <svg aria-hidden="true" fill="none" height="18" viewbox="0 0 24 24" width="18"><path d="M21 21l-4.35-4.35M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path></svg>
1622
+ <input autocomplete="off" id="fft-hybrid-search" placeholder="Search products…" type="search"/>
1623
+ </label>
1624
+ <select aria-label="Sort" class="fft-sort" id="fft-hybrid-sort">
1625
+ <option value="featured">Featured</option>
1626
+ <option value="newest">Newest</option>
1627
+ <option value="price-asc">Price: Low to High</option>
1628
+ <option value="price-desc">Price: High to Low</option>
1629
+ </select>
1630
+ </div>
1631
+ </div>
1632
+ </div>
1633
+ </div>
1634
+ <!-- ================= BODY: GRID + RECENTLY VIEWED STICKY ================= -->
1635
+ <div class="fft-hybrid-wrap" id="fft-grid-wrap" style="display:grid; grid-template-columns:1fr; gap:var(--space-6)">
1636
+ <section aria-live="polite" class="fft-grid" id="fft-grid">
1637
+ <!-- SAMPLE CARDS (replace with Liquid later) -->
1638
+ <article class="fft-card reveal" data-coll="high-octane" data-color="Black" data-id="octane-tee" data-img="/assets/generated/media-71f4bd16a1.webp" data-inventory="3" data-price="32" data-sizes="XS,S,M,L,XL,XXL" data-tags="new limited" data-title="Octane Badge Tee" data-url="/products/octane-badge-tee">
1639
+ <div class="fft-media">
1640
+ <button aria-label="Add to wishlist" class="fft-wish">♥</button>
1641
+ <img alt="Octane Badge Tee" class="fft-img skeleton" loading="lazy" src="/assets/generated/media-71f4bd16a1.webp"/>
1642
+ <div class="fft-badges"><span class="fft-badge">NEW</span><span class="fft-badge alt">High Octane</span></div>
1643
+ </div>
1644
+ <div class="fft-info">
1645
+ <div class="fft-title">Octane Badge Tee</div>
1646
+ <div class="fft-meta"><span>$32.00</span><span>XS–XXL</span></div>
1647
+ <p class="fft-fuelnote inv-note"></p>
1648
+ </div>
1649
+ <div class="fft-actions-row">
1650
+ <a class="fft-btn view" href="./products/octane-badge-tee">View</a>
1651
+ <button class="fft-btn buy" data-quickview="" type="button">Quick View</button>
1652
+ </div>
1653
+ </article>
1654
+ <article class="fft-card reveal" data-coll="masters" data-color="Teal" data-id="masters-hat" data-img="/assets/generated/media-cb83a44ff4.webp" data-inventory="12" data-price="28" data-sizes="Adjustable" data-tags="" data-title="Masters Patch Hat" data-url="/products/masters-patch-hat">
1655
+ <div class="fft-media">
1656
+ <button aria-label="Add to wishlist" class="fft-wish">♥</button>
1657
+ <img alt="Masters Patch Hat" class="fft-img skeleton" loading="lazy" src="/assets/generated/media-cb83a44ff4.webp"/>
1658
+ <div class="fft-badges"><span class="fft-badge alt">Masters</span></div>
1659
+ </div>
1660
+ <div class="fft-info">
1661
+ <div class="fft-title">Masters Patch Hat</div>
1662
+ <div class="fft-meta"><span>$28.00</span><span>Adjustable</span></div>
1663
+ <p class="fft-fuelnote inv-note"></p>
1664
+ </div>
1665
+ <div class="fft-actions-row">
1666
+ <a class="fft-btn view" href="./products/masters-patch-hat">View</a>
1667
+ <button class="fft-btn buy" data-quickview="" type="button">Quick View</button>
1668
+ </div>
1669
+ </article>
1670
+ <article class="fft-card reveal" data-coll="essentials" data-color="White" data-id="fft-mug" data-img="/assets/generated/media-2371dcb426.webp" data-inventory="2" data-price="16" data-sizes="12 oz" data-tags="limited" data-title="Ember Supply Mug" data-url="/products/fft-mug">
1671
+ <div class="fft-media">
1672
+ <button aria-label="Add to wishlist" class="fft-wish">♥</button>
1673
+ <img alt="Ember Supply Mug" class="fft-img skeleton" loading="lazy" src="/assets/generated/media-2371dcb426.webp"/>
1674
+ <div class="fft-badges"><span class="fft-badge">Limited</span></div>
1675
+ </div>
1676
+ <div class="fft-info">
1677
+ <div class="fft-title">Ember Supply Mug</div>
1678
+ <div class="fft-meta"><span>$16.00</span><span>12 oz</span></div>
1679
+ <p class="fft-fuelnote inv-note"></p>
1680
+ </div>
1681
+ <div class="fft-actions-row">
1682
+ <a class="fft-btn view" href="./products/fft-mug">View</a>
1683
+ <button class="fft-btn buy" data-quickview="" type="button">Quick View</button>
1684
+ </div>
1685
+ </article>
1686
+ <article class="fft-card reveal" data-coll="high-octane" data-color="Orange" data-id="pit-zip" data-img="/assets/generated/media-4ed07a756e.webp" data-inventory="9" data-price="62" data-sizes="S,M,L,XL,XXL" data-tags="" data-title="Pit Stop Zip Hoodie" data-url="/products/pit-stop-zip">
1687
+ <div class="fft-media">
1688
+ <button aria-label="Add to wishlist" class="fft-wish">♥</button>
1689
+ <img alt="Pit Stop Zip Hoodie" class="fft-img skeleton" loading="lazy" src="/assets/generated/media-4ed07a756e.webp"/>
1690
+ <div class="fft-badges"><span class="fft-badge">High Octane</span></div>
1691
+ </div>
1692
+ <div class="fft-info">
1693
+ <div class="fft-title">Pit Stop Zip Hoodie</div>
1694
+ <div class="fft-meta"><span>$62.00</span><span>S–XXL</span></div>
1695
+ <p class="fft-fuelnote inv-note"></p>
1696
+ </div>
1697
+ <div class="fft-actions-row">
1698
+ <a class="fft-btn view" href="./products/pit-stop-zip">View</a>
1699
+ <button class="fft-btn buy" data-quickview="" type="button">Quick View</button>
1700
+ </div>
1701
+ </article>
1702
+ </section>
1703
+ <!-- Recently Viewed -->
1704
+ <aside aria-label="Recently viewed" class="fft-recent">
1705
+ <div class="fft-recent-card">
1706
+ <strong>Recently viewed</strong>
1707
+ <div id="fft-recent-list"></div>
1708
+ </div>
1709
+ </aside>
1710
+ </div>
1711
+ <!-- ================= NEWSLETTER ================= -->
1712
+ <div class="fft-hybrid-wrap">
1713
+ <section class="fft-news reveal">
1714
+ <h4>Stay fueled. Don't miss drops, meetups, or giveaways.</h4>
1715
+ <form action="/contact#newsletter" class="fft-nl" method="post">
1716
+ <input name="email" placeholder="Your email" required="" type="email"/>
1717
+ <button class="fft-btn accent" type="submit">Join the Movement</button>
1718
+ </form>
1719
+ </section>
1720
+ </div>
1721
+ <!-- ================= QUICK VIEW MODAL ================= -->
1722
+ <div aria-label="Quick View" aria-modal="true" class="u-hide" id="fft-qv" role="dialog" style="position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.6); z-index:50;">
1723
+ <div style="background:#0f1113; border:1px solid var(--line); border-radius:18px; max-width:860px; width:92%; overflow:hidden; box-shadow:var(--shadow)">
1724
+ <div style="display:grid; grid-template-columns:1fr; gap:0">
1725
+ <div style="position:relative; aspect-ratio:16/10; background:#0d0f12">
1726
+ <img alt="" id="fft-qv-img" style="width:100%; height:100%; object-fit:cover"/>
1727
+ <button aria-label="Close" id="fft-qv-close" style="position:absolute; right:10px; top:10px; background:rgba(0,0,0,.5); color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:8px; cursor:pointer">✕</button>
1728
+ </div>
1729
+ <div style="padding:18px 18px 22px;">
1730
+ <h3 id="fft-qv-title" style="margin:0 0 6px; font-size:1.2rem; font-weight:900"></h3>
1731
+ <div id="fft-qv-meta" style="color:var(--muted); margin-bottom:10px"></div>
1732
+ <div style="display:flex; gap:10px; flex-wrap:wrap">
1733
+ <a class="fft-btn view" href="#" id="fft-qv-link">View Product</a>
1734
+ <button class="fft-btn buy" type="button">Add to Cart</button>
1735
+ </div>
1736
+ </div>
1737
+ </div>
1738
+ </div>
1739
+ </div>
1740
+ </section>
1741
+ <!-- FOOTER -->
1742
+ <footer class="Ember-footer">
1743
+ <div class="Ember-footer-container">
1744
+ <div class="Ember-footer-content">
1745
+ <!-- Brand Column -->
1746
+ <div class="Ember-footer-brand">
1747
+ <a class="Ember-footer-logo" href="./">
1748
+ <img alt="Ember Supply" src="/assets/generated/media-2db4f5ff9e.webp"/>
1749
+ </a>
1750
+ <p class="Ember-footer-tagline">"Time is the real flex."</p>
1751
+ <p class="Ember-footer-description">
1752
+ For those who've earned their freedom through hard work, service, and dedication.
1753
+ This is more than apparel — it's a badge of the life you've built.
1754
+ </p>
1755
+ </div>
1756
+ <!-- Quick Links -->
1757
+ <div class="Ember-footer-nav">
1758
+ <h3>Explore</h3>
1759
+ <ul>
1760
+ <li><a href="https://example.com/pages/shop">Shop</a></li>
1761
+ <li><a href="https://example.com/pages/community">Community</a></li>
1762
+ <li><a href="https://example.com/pages/collab">Collaborate</a></li>
1763
+ </ul>
1764
+ </div>
1765
+ <!-- Support -->
1766
+ <div class="Ember-footer-nav">
1767
+ <h3>Support</h3>
1768
+ <ul>
1769
+ <li><a href="https://example.com/pages/contact">Contact</a></li>
1770
+ <li><a href="https://example.com/pages/data-sharing-opt-out">Privacy Policy</a></li>
1771
+ </ul>
1772
+ </div>
1773
+ <!-- Connect -->
1774
+ <div class="Ember-footer-connect">
1775
+ <div>
1776
+ <h3>Stay Connected</h3>
1777
+ <div class="Ember-social-links">
1778
+ <a aria-label="Instagram" class="Ember-social-link" href="#">
1779
+ <svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" width="20">
1780
+ <rect height="20" rx="5" ry="5" width="20" x="2" y="2"></rect>
1781
+ <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
1782
+ <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>
1783
+ </svg>
1784
+ </a>
1785
+ <a aria-label="Facebook" class="Ember-social-link" href="#">
1786
+ <svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" width="20">
1787
+ <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
1788
+ </svg>
1789
+ </a>
1790
+ <a aria-label="YouTube" class="Ember-social-link" href="#">
1791
+ <svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" width="20">
1792
+ <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path>
1793
+ <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon>
1794
+ </svg>
1795
+ </a>
1796
+ </div>
1797
+ </div>
1798
+ <div class="fft-newsletter-mini">
1799
+ <h3>Get Updates</h3>
1800
+ <form class="fft-newsletter-form">
1801
+ <input class="fft-newsletter-input" placeholder="Your email" type="email"/>
1802
+ <button class="fft-newsletter-submit" type="submit">Join</button>
1803
+ </form>
1804
+ </div>
1805
+ </div>
1806
+ </div>
1807
+ <!-- Footer Bottom -->
1808
+ <div class="Ember-footer-bottom">
1809
+ <p class="Ember-footer-copyright">
1810
+ © 2025 Ember Supply. All rights reserved.
1811
+ </p>
1812
+ <div class="Ember-footer-legal">
1813
+ <span style="color: var(--smoke); font-size: 14px;">Built for those who've earned it.</span>
1814
+ </div>
1815
+ </div>
1816
+ </div>
1817
+ </footer>
1818
+ <script>
1819
+ (function(){
1820
+ const $ = (s, r=document)=>r.querySelector(s);
1821
+ const $$ = (s, r=document)=>Array.from(r.querySelectorAll(s));
1822
+
1823
+ const app = $('#EmberApp');
1824
+ const header = $('#EmberHeader');
1825
+ const burger = $('#EmberBurger');
1826
+ const mobile = $('#EmberMobile');
1827
+
1828
+ // ACTIVE LINK: only current page underlined
1829
+ const norm = (u)=>u.replace(/\/+$/,'') || '/';
1830
+ function setActive(anchors){
1831
+ anchors.forEach(a=>a.classList.remove('is-active'));
1832
+ const here = norm(location.pathname);
1833
+ let best = null, bestLen = -1;
1834
+ anchors.forEach(a=>{
1835
+ const href = norm(a.getAttribute('href')||'/');
1836
+ if(href==='/' && here!=='/') return;
1837
+ if(href==='/' && here==='/'){ best=a; bestLen=1; return; }
1838
+ if(href!=='/' && here.startsWith(href) && href.length>bestLen){ best=a; bestLen=href.length; }
1839
+ });
1840
+ if(!best && here==='/'){ best = anchors.find(a=>norm(a.getAttribute('href')||'/')==='/'); }
1841
+ if(best){ best.classList.add('is-active'); }
1842
+ }
1843
+ setActive($$('.Ember-nav a')); setActive($$('#EmberMobile a'));
1844
+
1845
+ // Header behavior: blur on scroll, hide on strong downward scroll
1846
+ let lastY = window.scrollY;
1847
+ const onScroll = ()=>{
1848
+ const y = window.scrollY, down = y > lastY;
1849
+ header.classList.toggle('is-scrolling', y>10);
1850
+ header.classList.toggle('is-hidden', y>120 && down);
1851
+ lastY = y;
1852
+ };
1853
+ window.addEventListener('scroll', onScroll, {passive:true}); onScroll();
1854
+
1855
+ // Mobile menu + underline tap animation
1856
+ const closeMenu = ()=>{
1857
+ burger.classList.remove('is-open');
1858
+ mobile.classList.remove('is-open');
1859
+ burger.setAttribute('aria-expanded','false');
1860
+ };
1861
+ burger.addEventListener('click', ()=>{
1862
+ const open = !burger.classList.contains('is-open');
1863
+ burger.classList.toggle('is-open', open);
1864
+ mobile.classList.toggle('is-open', open);
1865
+ burger.setAttribute('aria-expanded', String(open));
1866
+ });
1867
+ document.addEventListener('click', (e)=>{
1868
+ if(!mobile.contains(e.target) && !burger.contains(e.target)) closeMenu();
1869
+ });
1870
+ document.addEventListener('keydown', (e)=>{ if(e.key==='Escape') closeMenu(); });
1871
+
1872
+ $$('#EmberMobile a').forEach(a=>{
1873
+ a.addEventListener('click', ()=>{
1874
+ a.classList.add('tap-anim');
1875
+ setTimeout(()=>a.classList.remove('tap-anim'), 350);
1876
+ closeMenu();
1877
+ });
1878
+ });
1879
+
1880
+ })();
1881
+
1882
+ // SHOP PAGE FUNCTIONALITY
1883
+ (function(){
1884
+ const root = document.getElementById('fft-shop-hybrid');
1885
+
1886
+ /* ===== Reveal on scroll ===== */
1887
+ const rev = root.querySelectorAll('.reveal');
1888
+ const io = new IntersectionObserver(es => es.forEach(e => { if(e.isIntersecting) e.target.classList.add('on'); }), {threshold:.12, rootMargin:'0px 0px -10% 0px'});
1889
+ rev.forEach(el=>io.observe(el));
1890
+
1891
+ /* ===== Image skeletons ===== */
1892
+ root.querySelectorAll('.fft-img').forEach(img=>{
1893
+ if(img.complete){ img.classList.remove('skeleton'); }
1894
+ else{
1895
+ img.addEventListener('load', ()=>img.classList.remove('skeleton'), {once:true});
1896
+ img.addEventListener('error', ()=>img.classList.remove('skeleton'), {once:true});
1897
+ }
1898
+ });
1899
+
1900
+ /* ===== Hero parallax (reduced-motion safe) ===== */
1901
+ const media = root.querySelector('[data-parallax] img');
1902
+ const prefersReduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1903
+ if(media && !prefersReduce){
1904
+ let y=0, vy=0;
1905
+ const onScroll = ()=>{
1906
+ const rect = media.getBoundingClientRect();
1907
+ const vis = 1 - Math.min(Math.max((rect.top+rect.height*0.5)/window.innerHeight,0),1);
1908
+ const target = (vis * 12);
1909
+ vy += (target - y)*0.08; y += vy; vy *= 0.82;
1910
+ media.style.transform = `translate3d(0, ${y.toFixed(2)}px, 0) scale(1.02)`;
1911
+ raf = requestAnimationFrame(onScroll);
1912
+ };
1913
+ let raf = requestAnimationFrame(onScroll);
1914
+ window.addEventListener('beforeunload', ()=>cancelAnimationFrame(raf), {once:true});
1915
+ }
1916
+
1917
+ /* ===== Drag/Swipe collections rail ===== */
1918
+ const rail = root.querySelector('[data-drag-scroll]');
1919
+ if(rail){
1920
+ let isDown=false, startX=0, scrollL=0;
1921
+ const down = e=>{ isDown=true; rail.classList.add('drag'); startX=(e.touches?e.touches[0].pageX:e.pageX); scrollL=rail.scrollLeft; };
1922
+ const move = e=>{ if(!isDown) return; const x=(e.touches?e.touches[0].pageX:e.pageX); rail.scrollLeft=scrollL-(x-startX); };
1923
+ const up = ()=>{ isDown=false; rail.classList.remove('drag'); };
1924
+ rail.addEventListener('mousedown', down); rail.addEventListener('mousemove', move); window.addEventListener('mouseup', up);
1925
+ rail.addEventListener('touchstart', down, {passive:true}); rail.addEventListener('touchmove', move, {passive:true}); window.addEventListener('touchend', up);
1926
+ }
1927
+
1928
+ /* ===== Dynamic color theming from selected collection (hover) ===== */
1929
+ root.querySelectorAll('.fft-collection').forEach(card=>{
1930
+ card.addEventListener('mouseenter', ()=>{
1931
+ try{
1932
+ const theme = JSON.parse(card.getAttribute('data-theme')||'{}');
1933
+ for(const k in theme){ root.style.setProperty(k, theme[k]); }
1934
+ }catch{}
1935
+ });
1936
+ });
1937
+
1938
+ /* ===== Filters/Search/Sort/Advanced ===== */
1939
+ const chips = root.querySelectorAll('.fft-chip');
1940
+ const search = root.querySelector('#fft-hybrid-search');
1941
+ const sort = root.querySelector('#fft-hybrid-sort');
1942
+ const sizeSel = root.querySelector('#fft-size');
1943
+ const colorSel = root.querySelector('#fft-color');
1944
+ const minI = root.querySelector('#fft-min');
1945
+ const maxI = root.querySelector('#fft-max');
1946
+ const grid = root.querySelector('.fft-grid');
1947
+ const cards = Array.from(root.querySelectorAll('.fft-card'));
1948
+ let state = { tag:null, q:'', sort:'featured', size:'', color:'', min:null, max:null };
1949
+
1950
+ /* Inventory badges: show "Only N left!" at <=3 */
1951
+ cards.forEach(c=>{
1952
+ const inv = parseInt(c.dataset.inventory||'0',10);
1953
+ const p = c.querySelector('.inv-note');
1954
+ if(inv>0 && inv<=3){ p.textContent = `Only ${inv} left!`; p.style.color='var(--accent)'; p.style.fontWeight='800'; }
1955
+ });
1956
+
1957
+ function priceOf(el){ return parseFloat((el.dataset.price||'0')); }
1958
+
1959
+ function apply(){
1960
+ let view = cards.slice();
1961
+ if(state.tag){
1962
+ if(['high-octane','masters','essentials'].includes(state.tag)){ view = view.filter(c=>c.dataset.coll===state.tag); }
1963
+ else { view = view.filter(c=>(c.dataset.tags||'').includes(state.tag)); }
1964
+ }
1965
+ if(state.q){
1966
+ const q = state.q.toLowerCase();
1967
+ view = view.filter(c => (c.dataset.title||'').toLowerCase().includes(q));
1968
+ }
1969
+ if(state.size){ view = view.filter(c => (c.dataset.sizes||'').split(',').map(s=>s.trim()).includes(state.size)); }
1970
+ if(state.color){ view = view.filter(c => (c.dataset.color||'').toLowerCase() === state.color.toLowerCase()); }
1971
+ if(state.min!=null){ view = view.filter(c => priceOf(c) >= state.min); }
1972
+ if(state.max!=null){ view = view.filter(c => priceOf(c) <= state.max); }
1973
+ if(state.sort!=='featured'){
1974
+ view.sort((a,b)=>{
1975
+ const pa = priceOf(a), pb = priceOf(b);
1976
+ if(state.sort==='price-asc') return pa-pb;
1977
+ if(state.sort==='price-desc') return pb-pa;
1978
+ if(state.sort==='newest') return (b.dataset.tags.includes('new')?1:0) - (a.dataset.tags.includes('new')?1:0);
1979
+ return 0;
1980
+ });
1981
+ }
1982
+ grid.innerHTML=''; view.forEach(el=>grid.appendChild(el));
1983
+ }
1984
+
1985
+ chips.forEach(ch=>{
1986
+ ch.addEventListener('click', ()=>{
1987
+ chips.forEach(c=>c.classList.remove('active'));
1988
+ if(state.tag===ch.dataset.fftf){ state.tag=null; }
1989
+ else { state.tag=ch.dataset.fftf; ch.classList.add('active'); }
1990
+ apply();
1991
+ });
1992
+ });
1993
+ search?.addEventListener('input', e=>{ state.q=e.target.value.trim(); apply(); });
1994
+ sort?.addEventListener('change', e=>{ state.sort=e.target.value; apply(); });
1995
+ sizeSel?.addEventListener('change', e=>{ state.size = e.target.value || ''; apply(); });
1996
+ colorSel?.addEventListener('change', e=>{ state.color = e.target.value || ''; apply(); });
1997
+ minI?.addEventListener('input', e=>{ const v = e.target.value; state.min = v===''?null:Number(v); apply(); });
1998
+ maxI?.addEventListener('input', e=>{ const v = e.target.value; state.max = v===''?null:Number(v); apply(); });
1999
+
2000
+ /* ===== Wishlist + Recently viewed ===== */
2001
+ const WKEY='fft_wishlist', VKEY='fft_recent';
2002
+ const read = k => { try{ return JSON.parse(localStorage.getItem(k)||'[]'); }catch{return []} };
2003
+ const write = (k,v) => localStorage.setItem(k, JSON.stringify(v));
2004
+ function syncWishlistUI(){
2005
+ const wl = new Set(read(WKEY));
2006
+ cards.forEach(c=>{
2007
+ const id=c.dataset.id; const btn=c.querySelector('.fft-wish');
2008
+ if(!btn) return;
2009
+ if(wl.has(id)) btn.classList.add('on'); else btn.classList.remove('on');
2010
+ });
2011
+ }
2012
+ function addRecent(card){
2013
+ const item = {id:card.dataset.id, title:card.dataset.title, img:card.dataset.img, url:card.dataset.url};
2014
+ let arr = read(VKEY).filter(i=>i.id!==item.id);
2015
+ arr.unshift(item); if(arr.length>6) arr.length=6;
2016
+ write(VKEY, arr); renderRecent();
2017
+ }
2018
+ function renderRecent(){
2019
+ const list = root.querySelector('#fft-recent-list'); if(!list) return;
2020
+ list.innerHTML='';
2021
+ read(VKEY).forEach(i=>{
2022
+ const row = document.createElement('a');
2023
+ row.className='fft-recent-item'; row.href=i.url;
2024
+ row.innerHTML=`<img src="${i.img}" alt=""><div style="font-size:.92rem">${i.title}</div>`;
2025
+ list.appendChild(row);
2026
+ });
2027
+ }
2028
+ root.querySelectorAll('.fft-card').forEach(c=>{
2029
+ const btn=c.querySelector('.fft-wish'); const link=c.querySelector('.fft-btn.view');
2030
+ btn?.addEventListener('click', ()=>{ const id=c.dataset.id; let wl=new Set(read(WKEY)); wl.has(id)?wl.delete(id):wl.add(id); write(WKEY, Array.from(wl)); syncWishlistUI(); });
2031
+ [btn, link].forEach(el=>el?.addEventListener('click', ()=> addRecent(c)));
2032
+ });
2033
+ syncWishlistUI(); renderRecent();
2034
+
2035
+ /* ===== Quick View ===== */
2036
+ const qv = root.querySelector('#fft-qv');
2037
+ const qvImg = root.querySelector('#fft-qv-img');
2038
+ const qvTitle = root.querySelector('#fft-qv-title');
2039
+ const qvMeta = root.querySelector('#fft-qv-meta');
2040
+ const qvLink = root.querySelector('#fft-qv-link');
2041
+ root.querySelectorAll('[data-quickview]').forEach(btn=>{
2042
+ btn.addEventListener('click', ()=>{
2043
+ const card = btn.closest('.fft-card');
2044
+ qvImg.src = card.dataset.img;
2045
+ qvTitle.textContent = card.dataset.title;
2046
+ qvMeta.textContent = `$${parseFloat(card.dataset.price).toFixed(2)} • ${card.dataset.sizes}`;
2047
+ qvLink.href = card.dataset.url;
2048
+ qv.classList.remove('u-hide');
2049
+ });
2050
+ });
2051
+ root.querySelector('#fft-qv-close').addEventListener('click', ()=>qv.classList.add('u-hide'));
2052
+ qv.addEventListener('click', e=>{ if(e.target===qv) qv.classList.add('u-hide'); });
2053
+
2054
+ /* ===== COUNTDOWN (digital-style) ===== */
2055
+ const cd = root.querySelector('.fft-countdown');
2056
+ if(cd){
2057
+ const launchStr = cd.getAttribute('data-launch');
2058
+ const target = launchStr ? new Date(launchStr) : new Date(Date.now()+7*24*60*60*1000); // fallback: 7 days
2059
+ const dd = root.querySelector('#fft-dd'), hh = root.querySelector('#fft-hh'), mm = root.querySelector('#fft-mm'), ss = root.querySelector('#fft-ss');
2060
+ function pad(n){ return String(n).padStart(2,'0'); }
2061
+ function tick(){
2062
+ const now = new Date();
2063
+ let t = Math.max(0, target - now);
2064
+ const d = Math.floor(t/86400000); t-=d*86400000;
2065
+ const h = Math.floor(t/3600000); t-=h*3600000;
2066
+ const m = Math.floor(t/60000); t-=m*60000;
2067
+ const s = Math.floor(t/1000);
2068
+ dd.textContent = pad(d); hh.textContent = pad(h); mm.textContent = pad(m); ss.textContent = pad(s);
2069
+ if(target - now > 0) requestAnimationFrame(tick);
2070
+ else { cd.querySelector('.fft-kpi-note').textContent = "We're live — shop the drop!"; }
2071
+ }
2072
+ tick();
2073
+ }
2074
+
2075
+ /* ===== Initialize filters once ===== */
2076
+ apply();
2077
+ })();
2078
+
2079
+ // Footer heading animations
2080
+ (function() {
2081
+ const footerHeadings = document.querySelectorAll('.Ember-footer-nav h3, .Ember-footer-connect h3');
2082
+
2083
+ if (!footerHeadings.length) return;
2084
+
2085
+ const observerOptions = {
2086
+ threshold: 0.5,
2087
+ rootMargin: '0px 0px -50px 0px'
2088
+ };
2089
+
2090
+ const headingObserver = new IntersectionObserver((entries) => {
2091
+ entries.forEach(entry => {
2092
+ if (entry.isIntersecting) {
2093
+ entry.target.classList.add('animate');
2094
+ }
2095
+ });
2096
+ }, observerOptions);
2097
+
2098
+ footerHeadings.forEach(heading => {
2099
+ headingObserver.observe(heading);
2100
+ });
2101
+ })();
2102
+ </script>
2103
+ </body>
2104
+ </html>