` element (`flex-1 flex flex-col items-center justify-center px-6 md:px-12 relative z-10`) containing a centered text block: - Outer wrapper: `text-center w-full max-w-7xl px-4 mt-24 md:mt-0 translate-y-10 md:translate-y-14` - Inner `motion.div` with entrance animation: - `initial={{ opacity: 0, y: 15 }}` - `animate={{ opacity: 1, y: 0 }}` - `transition={{ duration: 1.4, ease: [0.16, 1, 0.3, 1], delay: 0.2 }}` - Classes: `flex flex-col items-center justify-center select-none` **Line 1 (h1):** "NeuralKinetics" - Classes: `font-display text-[7.5vw] md:text-[5.8vw] lg:text-[4.6vw] font-medium tracking-tight text-black leading-[0.9]` **Line 2 (h2):** "cybernetics made organic" - Same responsive font sizes as h1, same `leading-[0.9]`, with `mt-1 md:mt-1.5` - "cybernetics" is a `` with `text-black/25 font-light tracking-tight mr-1.5 md:mr-2` (very faded, light weight) - "made organic" is a `` with `text-black font-medium tracking-tight` (full black, medium weight) ### Layer 3: Fixed Navbar (z-50) A `motion.nav` fixed at top, full width, with entrance animation: - `initial={{ y: -16, opacity: 0 }}` - `animate={{ y: 0, opacity: 1 }}` - `transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }}` - Classes: `fixed top-0 left-0 w-full p-6 md:p-8 flex flex-col sm:flex-row items-center justify-between gap-4 z-50 pointer-events-none` **Left side** (`flex flex-wrap items-center gap-3 pointer-events-auto`): 1. **Logo + Brand Name**: A div with `flex items-center gap-1`, containing: - A custom SVG logo icon (40x40 viewBox, two black rounded rectangles rotated -35 degrees to form a slanted dual-capsule shape): ``` ``` Classes: `w-10 h-10 text-black translate-y-[1px]` - Text "NeuralKinetics" with `font-display font-medium tracking-tight text-[18px] text-black` 2. **Menu Pill Button**: A black pill button with a white circle containing a Plus icon: - Outer button: `flex items-center bg-black hover:bg-zinc-800 text-white p-1 pr-5 gap-2.5 rounded-full transition-all duration-200 cursor-pointer text-[12px] font-medium border border-black/[0.03]` - Inner white circle: `w-9 h-9 rounded-full bg-white text-black flex items-center justify-center` containing `` from lucide-react - Text "Menu" with `text-[11.5px] pr-1` 3. **Metadata Info Pill** (hidden on mobile, `hidden md:flex`): - `items-center bg-[#F4F4F6] border border-black/[0.03] rounded-full px-6 h-11 select-none text-[11.5px] font-normal text-black/60 gap-5` - Contains two spans: "Advanced Bionics" and "Cognitive AI" **Right side** (`pointer-events-auto flex items-center`): 4. **Adaptive Systems Pill**: A light gray compound pill: - Outer: `flex items-center bg-[#F4F4F6] hover:bg-[#EAEAEF] transition-colors rounded-full p-1 pr-6 gap-3.5 border border-black/[0.03]` - Contains a black circle button (`w-9 h-9 rounded-full bg-black text-white`) with a custom 4-node clover SVG icon (24x24 viewBox, 4 filled circles at cardinal points connected by crosshair lines at 0.6 opacity, center unfilled circle) - Text "Adaptive Systems" with `text-[11px] font-medium text-black/70 select-none` ### Layer 4: Footer (z-30) A footer with `w-full relative z-30 px-8 py-10 md:px-16 md:py-14 bg-gradient-to-t from-white via-white/80 to-transparent` creating a fade-up from white at the bottom. Inner `motion.div`: - `initial={{ y: 20, opacity: 0 }}` - `animate={{ y: 0, opacity: 1 }}` - `transition={{ delay: 0.5, duration: 1, ease: [0.16, 1, 0.3, 1] }}` - Classes: `max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-start md:items-end gap-8` Contains three elements in a row (on desktop): 1. **Left text block** (`max-w-[300px] md:max-w-[340px]`): - Label: "Autonomous Dynamics" at `text-[11.5px] font-medium text-black/50` - Body: "Unifying biological grace with machine intelligence to design the next era of fusion" at `text-[19px] md:text-[21px] font-normal text-black leading-[1.15] tracking-tight` 2. **Vertical divider** (desktop only): `hidden lg:block w-px h-16 bg-black/[0.08]` 3. **Tag buttons** (`flex flex-wrap gap-2.5`): - Three buttons: "Neuromorphic", "AGI", "Cybernetics" - Each: `px-6 py-3.5 border border-black/15 hover:border-black text-black text-[11.5px] font-normal rounded-full bg-white hover:bg-black hover:text-white transition-all duration-300 cursor-pointer active:scale-95` --- ## Key Design Details - **Easing curve used everywhere**: `[0.16, 1, 0.3, 1]` -- a smooth, slightly springy deceleration - **Color palette**: Pure black (#000), white (#FFF), light gray (#F4F4F6, #EAEAEF), muted text at various black opacities (25%, 50%, 60%, 70%) - **No purple/indigo/violet anywhere** - **Typography scale**: Responsive vw-based sizes for the hero (7.5vw mobile, 5.8vw tablet, 4.6vw desktop), pixel-based for UI elements (11px-21px range) - **All pill-shaped UI elements** use `rounded-full` - **Selection highlight**: black background, white text (`selection:bg-black selection:text-white`) - **The background video** plays behind everything, fills the viewport with `object-cover`, and has a subtle scale-down entrance animation - **Footer gradient** fades from transparent at top to solid white at bottom, ensuring text readability over the video28:T2f8e,Create a React + Vite + TypeScript + Tailwind CSS landing page for an architecture studio called "Qelora". The page has exactly two sections: a Hero and a Section 2. The entire site uses inline styles (no Tailwind utility classes in JSX -- Tailwind is only used for base reset). Use only `react`, `react-dom`, and `lucide-react` as dependencies (icons are all inline SVGs here, lucide is not actually used in this page). --- FONTS Load these three custom fonts in `index.html` ``: ```html ``` Also import in `index.css`: ```css @import url('https://db.onlinewebfonts.com/c/46024824a3dd3309c3a7f46f4f1283ba?family=Zimula+Trial+Reg'); ``` Font usage: - Body / default: `'Zimula Trial Med', sans-serif` - Bold / logo / hero text: `'Zimula Trial Bd', sans-serif` - The `Reg` import is available but Med is the primary weight used everywhere --- GLOBAL CSS (`index.css`) ```css @import url('https://db.onlinewebfonts.com/c/46024824a3dd3309c3a7f46f4f1283ba?family=Zimula+Trial+Reg'); @tailwind base; @tailwind components; @tailwind utilities; *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Zimula Trial Med', sans-serif; background: #0e0c0a; overflow-x: hidden; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #0e0c0a; } ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; } ``` --- COLOR PALETTE - Dark background: `#0e0c0a` - Primary text: `#241f21`, `#282425`, `#2a2420` - White: `#fff` - Dark accent: `#100e0c` - Warm transparent overlays: `rgba(235, 230, 218, 0.12)`, `rgba(242, 238, 230, 0.38)` - Frosted glass backgrounds: `rgba(248,245,240,0.72)`, `rgba(248,245,240,0.88)`, `rgba(248,245,240,0.92)`, `rgba(248,245,240,0.96)` --- ASSET URLs (Cloudinary, not CloudFront) Videos: - Background video (Hero): `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/f_auto/v1779808200/bg-video_xsmysw.mp4` - Bird enter animation: `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/v1779808206/bird-entrada_e72qt7.webm` - Bird idle 1: `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/v1779808282/bird-idle_fzjami.webm` - Bird idle 2: `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/v1779808284/bird-idle2_rajmgo.webm` - Bird leave animation: `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/v1779808286/bird-saida_ifroz1.webm` - Background video (Section 2): `https://res.cloudinary.com/dy5er7kv5/video/upload/q_auto/f_auto/v1779835701/bg-2-video_sgbpqt.mp4` Images: - Q logo (unused but declared): `https://res.cloudinary.com/dy5er7kv5/image/upload/q_auto/f_auto/v1779808187/q-logo_isvugc.png` - Center sculpture/slab: `https://res.cloudinary.com/dy5er7kv5/image/upload/q_auto/f_auto/v1779854565/slab_v1_kb4vqk.png` - CTA card photo (Pexels): `https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=400` --- APP STRUCTURE ``` src/ main.tsx -> StrictMode, renders App.tsx -> then , no routing Hero.tsx -> Hero section component Section2.tsx -> Second section component index.css -> Global styles ``` --- SECTION 1: HERO (`Hero.tsx`) Container: `position: relative`, `width: 100%`, `minHeight: 100vh`, `overflow: visible`, `fontFamily: 'Zimula Trial Med', sans-serif`. Responsive breakpoint: `isMobile = window.innerWidth < 768`, checked on mount and resize. Layer 1 -- Background Video (z-index: 0) - `` with `autoPlay muted loop playsInline` - `position: absolute`, `inset: 0`, `width: 100%`, `height: 100vh`, `objectFit: cover` - Source: `BG_VIDEO` URL #### Layer 2 -- Warm Overlay (z-index: 1) - A div covering the hero with `background: rgba(235, 230, 218, 0.12)`, `height: 100vh`, `pointerEvents: none` #### Layer 3 -- Bird Animation System (z-index: 8) - Container: `position: absolute`, `top: 0`, `left: 0`, `width: 100%`, `height: 100vh`, `pointerEvents: none`, `aria-hidden` - Contains 4 `` elements (enter, idle1, idle2, leave), each toggled visible/hidden via `display` property - **Desktop:** Each video is `position: absolute`, `inset: 0`, `width: 100%`, `height: 100%`, `objectFit: cover` - **Mobile:** Each video is `position: absolute`, `top: 50%`, `left: 0`, `transform: translateY(-50%)`, `width: 100%`, `height: auto` (full width, auto height, vertically centered) - **State machine:** Type `'enter' | 'idle1' | 'idle2' | 'leave' | 'hidden'` - On page load: play `enter` video - When `enter` ends: transition to `idle1` - When `idle1` ends: transition to `idle2` - When `idle2` ends: transition back to `idle1` (infinite loop) - **On scroll down** (past 10px threshold): pause all idle/enter videos, reset their `currentTime` to 0, play `leave` video - **On scroll back to top** (below 10px): pause leave video, reset, play `enter` video again - Uses both React state and refs (`birdStateRef`) to avoid stale closures in scroll handlers - All videos are preloaded with `.load()` on mount - The `playVideo` helper sets `currentTime = 0`, checks `readyState >= 2`, then plays (or waits for `canplay` event) #### Layer 4 -- Center Brand Text "Qelora" (z-index: 5) - Absolutely positioned container filling `100vh`, `display: flex`, `alignItems: center`, `justifyContent: center`, `pointerEvents: none` - Text: `"Qelora"` in `'Zimula Trial Bd', sans-serif` - Font size: mobile `26vw`, desktop `22vw` - `letterSpacing: -0.05em`, `color: #241f21`, `lineHeight: 1` - `marginBottom`: mobile `8vh`, desktop `12vh` #### Layer 5 -- Sculpture Image (z-index: 5) - `` with `position: absolute`, `top: 50%`, `left: 50%` - `transform: translateX(-50%) translateY(${-heroScroll 0.3}px)` -- parallax that moves UP as user scrolls down - Width: mobile `220vw`, desktop `160vw`; `height: auto` - `pointerEvents: none`, `willChange: transform` #### Layer 6 -- Fixed Navbar (z-index: 100) - `position: fixed`, `top: 0`, full width - Padding: mobile `16px 20px`, desktop `20px 36px` - **Left:** Brand name "Qelora" with registered trademark superscript. Font: `'Zimula Trial Bd'`, size: mobile `20px`, desktop `24px`, `letterSpacing: -0.03em`, `color: #241f21`. The `(R)` sup has `fontSize: 0.4em`, `verticalAlign: super` - **Right (desktop):** `NavPills` component -- a row of pill buttons for `['Projects', 'Studio', 'Responsibility', 'Archive']` plus an `EN` language selector - Each pill: `background: rgba(248,245,240,0.92)`, `borderRadius: 12px`, `padding: 13px 22px 8px`, `height: 40px`, `fontSize: 13px`, `textTransform: uppercase`, `letterSpacing: 0.07em`, `color: #241f21` - Active pill has `fontWeight: 700` and a 3px round dot at `bottom: 3px`, centered - Non-active: `fontWeight: 500` - Language pill: separate rounded capsule (`borderRadius: 100px`), `padding: 8px 14px`, `background: rgba(248,245,240,0.88)`, `backdropFilter: blur(12px)`, `boxShadow: 0 2px 20px rgba(0,0,0,0.1)`, contains "EN" text and a chevron-down SVG - **Right (mobile):** Hamburger button, `42x42px`, `borderRadius: 100px`, same frosted glass style. Shows X icon when open, 3-line hamburger when closed #### Layer 7 -- Mobile Dropdown Menu (z-index: 99) - `position: fixed`, `top: 70px`, `left: 16px`, `right: 16px` - `background: rgba(248,245,240,0.96)`, `backdropFilter: blur(16px)`, `borderRadius: 18px`, `padding: 8px`, `boxShadow: 0 8px 40px rgba(0,0,0,0.14)` - Each menu item: full-width button, `padding: 14px 20px`, `fontSize: 13px`, uppercase, `letterSpacing: 0.07em`, `borderBottom: 1px solid rgba(40,36,37,0.08)` - Bottom: EN language selector row #### Layer 8 -- Bottom Panels (z-index: 20) - `bottom` is calculated as: `bottomOffset + heroScroll 0.5` where `bottomOffset` is 24px on mobile, 36px on desktop. This creates a parallax push-down effect as user scrolls. **Desktop layout (side-by-side):** - **Bottom-left panel:** `position: absolute`, `left: 36px`, `borderRadius: 18px`, `padding: 22px 28px`, `maxWidth: 270px` - Headline: `"Designing places\nbeyond\nwhat's expected"` -- `fontSize: clamp(17px, 2vw, 24px)`, `lineHeight: 1.28`, `color: #282425`, `letterSpacing: -0.01em` - Below: 1px border-top divider (`rgba(40,36,37,0.2)`), then "EXPLORE OUR APPROACH" link with down-arrow SVG. `fontSize: 11px`, uppercase, `letterSpacing: 0.1em` - **Bottom-right panel:** `position: absolute`, `right: 36px`, `borderRadius: 18px`, `width: clamp(210px, 21vw, 290px)`, `height: 180px`, `overflow: hidden` - Background: Pexels photo covering the entire card - Dark gradient overlay: `linear-gradient(to bottom, rgba(16,14,12,0.55) 0%, transparent 60%)` - Top text: `"Every lasting space begins\nwith a quiet dialogue."` -- `color: #fff`, `fontSize: 13px`, `lineHeight: 1.35` - Bottom: inline flex with a white circle (envelope SVG icon, 36x36px, `borderRadius: 12px`) and a white "START A PROJECT" button (`fontSize: 11px`, uppercase, `letterSpacing: 0.07em`, `fontWeight: 700`, `borderRadius: 12px`, `height: 36px`) **Mobile layout (stacked):** - Single flex column container, `left: 20px`, `right: 20px`, `gap: 12px` - **Top card:** Tagline panel with `background: rgba(248,245,240,0.72)`, `backdropFilter: blur(8px)`, `borderRadius: 16px`, `padding: 18px 20px`. Same text as desktop but single line: "Designing places beyond what's expected", `fontSize: 17px`. Same divider + "Explore our approach" link below. - **Bottom card:** CTA card, `borderRadius: 16px`, `height: 120px`. Same structure as desktop right panel but adapted for mobile (text `fontSize: 12px`, same button row). --- ### SECTION 2 (`Section2.tsx`) **Container:** `position: relative`, `width: 100%`, `minHeight: 100vh`, `display: flex`, `flexDirection: column`, `alignItems: center`, `justifyContent: center`, `overflow: hidden`, `fontFamily: 'Zimula Trial Med', sans-serif` #### Layer 1 -- Background Video (z-index: 0) - `` with `autoPlay muted loop playsInline`, `position: absolute`, `inset: 0`, `width: 100%`, `height: 100%`, `objectFit: cover` - Source: `BG_VIDEO_2` URL #### Layer 2 -- Warm Overlay (z-index: 1) - `background: rgba(242, 238, 230, 0.38)`, `position: absolute`, `inset: 0`, `pointerEvents: none` #### Layer 3 -- Center Headline (z-index: 2) - Absolutely positioned, `inset: 0`, flex centered, `pointerEvents: none`, `textAlign: center`, `padding: 0 24px` - Text: `"What stands the\ntest of time is all\nthat guides the\nwork."` using ` ` tags - `fontSize: clamp(32px, 5.5vw, 80px)`, `lineHeight: 1.18`, `color: #2a2420`, `maxWidth: 780px`, `letterSpacing: -0.025em`, `fontWeight: 400` #### Layer 4 -- Bottom Element (z-index: 2) - `position: absolute`, `bottom: clamp(24px, 4vh, 48px)`, full width, flex column centered, `padding: 0 24px` - **Vertical line:** `width: 1px`, `height: 56px`, `background: rgba(42,36,32,0.25)` - **Below (margin-top: 22px):** flex column centered, `gap: 14px` - **Map pin SVG:** 24x28px outline pin icon, `stroke: #2a2420`, `strokeWidth: 1.4` - **Subtext:** `"Civic bodies and private clients trust us to shape resilient communities and purposeful places."` -- `fontSize: clamp(11px, 1.4vw, 13px)`, `color: #2a2420`, `letterSpacing: 0.04em`, `lineHeight: 1.6`, `maxWidth: 340px`, `opacity: 0.75` --- ### KEY BEHAVIORS SUMMARY 1. **Bird animation state machine:** enter -> idle1 <-> idle2 loop; scroll triggers leave; scroll back triggers re-enter 2. **Parallax effects:** Sculpture image moves up with `translateY(-scrollY 0.3)`. Bottom panels push down with `bottom = offset + scrollY 0.5` 3. Responsive at 768px breakpoint: Nav collapses to hamburger, panels stack vertically, bird videos switch from cover-fill to width-100%/height-auto/vertically-centered, sculpture grows from 160vw to 220vw, brand text grows from 22vw to 26vw 4. All styling is inline -- no CSS classes in JSX, no Tailwind utility classes on elements 5. No third-party animation libraries -- all animations are native video playback + scroll-driven inline style changes via React state29:T23d8,Build a single standalone HTML file (component2.html) for a pricing-packages section. Use one

8:["$","$L22",null,{"activeCategory":"$undefined","items":[{"category":"sites","id":197,"media":[{"id":227,"alt":"Email Marketing","caption":null,"folder":null,"updatedAt":"2026-08-13T11:40:59.582Z","createdAt":"2026-08-13T11:40:59.581Z","url":"/api/media/file/sites-0233-01.webp","thumbnailURL":"/api/media/file/sites-0233-01-300x264.webp","filename":"sites-0233-01.webp","mimeType":"image/webp","filesize":15986,"width":480,"height":422,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0233-01-300x264.webp","width":300,"height":264,"mimeType":"image/webp","filesize":8344,"filename":"sites-0233-01-300x264.webp"},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":510,"prompt":"$23","title":"Email Marketing"},{"category":"sites","id":198,"media":[{"id":228,"alt":"3D Collectible Hero","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:06.955Z","createdAt":"2026-08-13T11:41:06.955Z","url":"/api/media/file/sites-0232-01.webp","thumbnailURL":"/api/media/file/sites-0232-01-300x220.webp","filename":"sites-0232-01.webp","mimeType":"image/webp","filesize":1219436,"width":640,"height":470,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0232-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":474848,"filename":"sites-0232-01-300x220.webp"},"square":{"url":"/api/media/file/sites-0232-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":1051954,"filename":"sites-0232-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0232-01-600x441.webp","width":600,"height":441,"mimeType":"image/webp","filesize":1105528,"filename":"sites-0232-01-600x441.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":509,"prompt":"$24","title":"3D Collectible Hero"},{"category":"sites","id":199,"media":[{"id":230,"alt":"NexaCore Results","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:08.728Z","createdAt":"2026-08-13T11:41:08.728Z","url":"/api/media/file/sites-0231-01.webp","thumbnailURL":"/api/media/file/sites-0231-01-300x218.webp","filename":"sites-0231-01.webp","mimeType":"image/webp","filesize":50818,"width":640,"height":466,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0231-01-300x218.webp","width":300,"height":218,"mimeType":"image/webp","filesize":8446,"filename":"sites-0231-01-300x218.webp"},"square":{"url":"/api/media/file/sites-0231-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":44194,"filename":"sites-0231-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0231-01-600x437.webp","width":600,"height":437,"mimeType":"image/webp","filesize":43232,"filename":"sites-0231-01-600x437.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":506,"prompt":"$25","title":"NexaCore Results"},{"category":"sites","id":200,"media":[{"id":231,"alt":"Tech-Noir About","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:17.239Z","createdAt":"2026-08-13T11:41:17.239Z","url":"/api/media/file/sites-0230-01.webp","thumbnailURL":"/api/media/file/sites-0230-01-300x220.webp","filename":"sites-0230-01.webp","mimeType":"image/webp","filesize":1046608,"width":640,"height":470,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0230-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":387036,"filename":"sites-0230-01-300x220.webp"},"square":{"url":"/api/media/file/sites-0230-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":955348,"filename":"sites-0230-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0230-01-600x441.webp","width":600,"height":441,"mimeType":"image/webp","filesize":1021478,"filename":"sites-0230-01-600x441.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":505,"prompt":"$26","title":"Tech-Noir About"},{"category":"sites","id":201,"media":[{"id":232,"alt":"Bio-Digital","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:25.206Z","createdAt":"2026-08-13T11:41:25.206Z","url":"/api/media/file/sites-0229-01.webp","thumbnailURL":"/api/media/file/sites-0229-01-300x218.webp","filename":"sites-0229-01.webp","mimeType":"image/webp","filesize":354976,"width":640,"height":466,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0229-01-300x218.webp","width":300,"height":218,"mimeType":"image/webp","filesize":147018,"filename":"sites-0229-01-300x218.webp"},"square":{"url":"/api/media/file/sites-0229-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":359830,"filename":"sites-0229-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0229-01-600x437.webp","width":600,"height":437,"mimeType":"image/webp","filesize":385306,"filename":"sites-0229-01-600x437.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":504,"prompt":"$27","title":"Bio-Digital"},{"category":"sites","id":202,"media":[{"id":233,"alt":"Layered Depth","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:33.741Z","createdAt":"2026-08-13T11:41:33.741Z","url":"/api/media/file/sites-0228-01.webp","thumbnailURL":"/api/media/file/sites-0228-01-300x220.webp","filename":"sites-0228-01.webp","mimeType":"image/webp","filesize":2198926,"width":640,"height":470,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0228-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":668020,"filename":"sites-0228-01-300x220.webp"},"square":{"url":"/api/media/file/sites-0228-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":1913692,"filename":"sites-0228-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0228-01-600x441.webp","width":600,"height":441,"mimeType":"image/webp","filesize":1928636,"filename":"sites-0228-01-600x441.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":500,"prompt":"$28","title":"Layered Depth"},{"category":"sections","id":395,"media":[{"id":432,"alt":"What Package Fits You","caption":null,"folder":null,"updatedAt":"2026-08-13T14:05:30.339Z","createdAt":"2026-08-13T14:05:30.339Z","url":"/api/media/file/sections-0035-01.webp","thumbnailURL":"/api/media/file/sections-0035-01-300x220.webp","filename":"sections-0035-01.webp","mimeType":"image/webp","filesize":7356,"width":480,"height":352,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sections-0035-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":4140,"filename":"sections-0035-01-300x220.webp"},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":499,"prompt":"$29","title":"What Package Fits You"},{"category":"sites","id":203,"media":[{"id":234,"alt":"Duolingo Styleguide","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:33.842Z","createdAt":"2026-08-13T11:41:33.842Z","url":"/api/media/file/sites-0227-01.webp","thumbnailURL":"/api/media/file/sites-0227-01-300x233.webp","filename":"sites-0227-01.webp","mimeType":"image/webp","filesize":9696,"width":480,"height":372,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0227-01-300x233.webp","width":300,"height":233,"mimeType":"image/webp","filesize":5694,"filename":"sites-0227-01-300x233.webp"},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":498,"prompt":"$2a","title":"Duolingo Styleguide"},{"category":"sections","id":396,"media":[{"id":433,"alt":"Cognitra Offer","caption":null,"folder":null,"updatedAt":"2026-08-13T14:05:33.945Z","createdAt":"2026-08-13T14:05:33.945Z","url":"/api/media/file/sections-0034-01.webp","thumbnailURL":"/api/media/file/sections-0034-01-300x221.webp","filename":"sections-0034-01.webp","mimeType":"image/webp","filesize":228254,"width":640,"height":472,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sections-0034-01-300x221.webp","width":300,"height":221,"mimeType":"image/webp","filesize":97920,"filename":"sections-0034-01-300x221.webp"},"square":{"url":"/api/media/file/sections-0034-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":204714,"filename":"sections-0034-01-500x500.webp"},"small":{"url":"/api/media/file/sections-0034-01-600x443.webp","width":600,"height":443,"mimeType":"image/webp","filesize":224434,"filename":"sections-0034-01-600x443.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":495,"prompt":"$2b","title":"Cognitra Offer"},{"category":"sections","id":397,"media":[{"id":434,"alt":"Solace sign-in","caption":null,"folder":null,"updatedAt":"2026-08-13T14:05:41.851Z","createdAt":"2026-08-13T14:05:41.851Z","url":"/api/media/file/sections-0033-01.webp","thumbnailURL":"/api/media/file/sections-0033-01-300x222.webp","filename":"sections-0033-01.webp","mimeType":"image/webp","filesize":3014022,"width":640,"height":474,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sections-0033-01-300x222.webp","width":300,"height":222,"mimeType":"image/webp","filesize":886518,"filename":"sections-0033-01-300x222.webp"},"square":{"url":"/api/media/file/sections-0033-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":2024110,"filename":"sections-0033-01-500x500.webp"},"small":{"url":"/api/media/file/sections-0033-01-600x444.webp","width":600,"height":444,"mimeType":"image/webp","filesize":2650564,"filename":"sections-0033-01-600x444.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":494,"prompt":"$2c","title":"Solace sign-in"},{"category":"apps","id":444,"media":[{"id":481,"alt":"CARGOX Mobile","caption":null,"folder":null,"updatedAt":"2026-08-13T14:07:27.325Z","createdAt":"2026-08-13T14:07:27.325Z","url":"/api/media/file/apps-0442-01.mp4","thumbnailURL":null,"filename":"apps-0442-01.mp4","mimeType":"video/mp4","filesize":1531818,"width":null,"height":null,"focalX":null,"focalY":null,"sizes":{"thumbnail":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":493,"prompt":"$2d","title":"CARGOX Mobile"},{"category":"sites","id":204,"media":[{"id":235,"alt":"Wellbeing OS","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:33.881Z","createdAt":"2026-08-13T11:41:33.881Z","url":"/api/media/file/sites-0226-01.mp4","thumbnailURL":null,"filename":"sites-0226-01.mp4","mimeType":"video/mp4","filesize":1862206,"width":null,"height":null,"focalX":null,"focalY":null,"sizes":{"thumbnail":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":489,"prompt":"$2e","title":"Wellbeing OS"},{"category":"sites","id":205,"media":[{"id":237,"alt":"Yoga Coach","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:42.872Z","createdAt":"2026-08-13T11:41:42.872Z","url":"/api/media/file/sites-0225-01.webp","thumbnailURL":"/api/media/file/sites-0225-01-300x220.webp","filename":"sites-0225-01.webp","mimeType":"image/webp","filesize":2383904,"width":640,"height":470,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0225-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":858024,"filename":"sites-0225-01-300x220.webp"},"square":{"url":"/api/media/file/sites-0225-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":1817406,"filename":"sites-0225-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0225-01-600x441.webp","width":600,"height":441,"mimeType":"image/webp","filesize":2161424,"filename":"sites-0225-01-600x441.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":485,"prompt":"$2f","title":"Yoga Coach"},{"category":"sites","id":206,"media":[{"id":238,"alt":"Aesthetic Dental Clinic","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:42.937Z","createdAt":"2026-08-13T11:41:42.937Z","url":"/api/media/file/sites-0224-01.mp4","thumbnailURL":null,"filename":"sites-0224-01.mp4","mimeType":"video/mp4","filesize":2208803,"width":null,"height":null,"focalX":null,"focalY":null,"sizes":{"thumbnail":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":481,"prompt":"$30","title":"Aesthetic Dental Clinic"},{"category":"sites","id":207,"media":[{"id":239,"alt":"Velorix IIC","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:48.536Z","createdAt":"2026-08-13T11:41:48.535Z","url":"/api/media/file/sites-0223-01.webp","thumbnailURL":"/api/media/file/sites-0223-01-300x222.webp","filename":"sites-0223-01.webp","mimeType":"image/webp","filesize":685184,"width":640,"height":474,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0223-01-300x222.webp","width":300,"height":222,"mimeType":"image/webp","filesize":233812,"filename":"sites-0223-01-300x222.webp"},"square":{"url":"/api/media/file/sites-0223-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":527534,"filename":"sites-0223-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0223-01-600x444.webp","width":600,"height":444,"mimeType":"image/webp","filesize":655190,"filename":"sites-0223-01-600x444.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":480,"prompt":"$31","title":"Velorix IIC"},{"category":"sites","id":208,"media":[{"id":240,"alt":"Blog Showcase","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:58.602Z","createdAt":"2026-08-13T11:41:58.602Z","url":"/api/media/file/sites-0222-01.webp","thumbnailURL":"/api/media/file/sites-0222-01-300x224.webp","filename":"sites-0222-01.webp","mimeType":"image/webp","filesize":932460,"width":640,"height":478,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0222-01-300x224.webp","width":300,"height":224,"mimeType":"image/webp","filesize":359324,"filename":"sites-0222-01-300x224.webp"},"square":{"url":"/api/media/file/sites-0222-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":825356,"filename":"sites-0222-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0222-01-600x448.webp","width":600,"height":448,"mimeType":"image/webp","filesize":926566,"filename":"sites-0222-01-600x448.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":479,"prompt":"$32","title":"Blog Showcase"},{"category":"sites","id":209,"media":[{"id":241,"alt":"Visual Hero","caption":null,"folder":null,"updatedAt":"2026-08-13T11:41:58.826Z","createdAt":"2026-08-13T11:41:58.826Z","url":"/api/media/file/sites-0221-01.webp","thumbnailURL":"/api/media/file/sites-0221-01-300x216.webp","filename":"sites-0221-01.webp","mimeType":"image/webp","filesize":28030,"width":480,"height":346,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0221-01-300x216.webp","width":300,"height":216,"mimeType":"image/webp","filesize":15344,"filename":"sites-0221-01-300x216.webp"},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}},{"id":42,"alt":"SpeakUp Venture Hero","caption":null,"folder":null,"updatedAt":"2026-08-13T11:29:08.325Z","createdAt":"2026-08-13T11:29:08.325Z","url":"/api/media/file/video-placeholder.webp","thumbnailURL":"/api/media/file/video-placeholder-300x188.webp","filename":"video-placeholder.webp","mimeType":"image/webp","filesize":330,"width":480,"height":300,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/video-placeholder-300x188.webp","width":300,"height":188,"mimeType":"image/webp","filesize":176,"filename":"video-placeholder-300x188.webp"},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":478,"prompt":"$33","title":"Visual Hero"},{"category":"sites","id":210,"media":[{"id":242,"alt":"Cursor Follow","caption":null,"folder":null,"updatedAt":"2026-08-13T11:42:11.565Z","createdAt":"2026-08-13T11:42:11.565Z","url":"/api/media/file/sites-0220-01.webp","thumbnailURL":"/api/media/file/sites-0220-01-300x217.webp","filename":"sites-0220-01.webp","mimeType":"image/webp","filesize":1129302,"width":640,"height":464,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sites-0220-01-300x217.webp","width":300,"height":217,"mimeType":"image/webp","filesize":504626,"filename":"sites-0220-01-300x217.webp"},"square":{"url":"/api/media/file/sites-0220-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":1100414,"filename":"sites-0220-01-500x500.webp"},"small":{"url":"/api/media/file/sites-0220-01-600x435.webp","width":600,"height":435,"mimeType":"image/webp","filesize":1182986,"filename":"sites-0220-01-600x435.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":477,"prompt":"$34","title":"Cursor Follow"},{"category":"sections","id":398,"media":[{"id":435,"alt":"Orbis Hello","caption":null,"folder":null,"updatedAt":"2026-08-13T14:05:48.409Z","createdAt":"2026-08-13T14:05:48.409Z","url":"/api/media/file/sections-0032-01.webp","thumbnailURL":"/api/media/file/sections-0032-01-300x220.webp","filename":"sections-0032-01.webp","mimeType":"image/webp","filesize":1277542,"width":640,"height":470,"focalX":50,"focalY":50,"sizes":{"thumbnail":{"url":"/api/media/file/sections-0032-01-300x220.webp","width":300,"height":220,"mimeType":"image/webp","filesize":507750,"filename":"sections-0032-01-300x220.webp"},"square":{"url":"/api/media/file/sections-0032-01-500x500.webp","width":500,"height":500,"mimeType":"image/webp","filesize":1137368,"filename":"sections-0032-01-500x500.webp"},"small":{"url":"/api/media/file/sections-0032-01-600x441.webp","width":600,"height":441,"mimeType":"image/webp","filesize":1232308,"filename":"sections-0032-01-600x441.webp"},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":474,"prompt":"$35","title":"Orbis Hello"},{"category":"sites","id":211,"media":[{"id":243,"alt":"Cosmos Interface","caption":null,"folder":null,"updatedAt":"2026-08-13T11:42:11.680Z","createdAt":"2026-08-13T11:42:11.680Z","url":"/api/media/file/sites-0219-01.mp4","thumbnailURL":null,"filename":"sites-0219-01.mp4","mimeType":"video/mp4","filesize":4175009,"width":null,"height":null,"focalX":null,"focalY":null,"sizes":{"thumbnail":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"square":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"small":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"medium":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"large":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"xlarge":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null},"og":{"url":null,"width":null,"height":null,"mimeType":null,"filesize":null,"filename":null}}}],"order":473,"prompt":"$36","title":"Cosmos Interface"}],"page":14,"query":"","totalDocs":455,"totalPages":23}]

` — inline: `font-size: clamp(28px, 4vw, 56px)`, `font-weight: 500`, `color: rgb(26, 11, 84)`, `line-height: 1.15`, `margin: 0` Inside the `