+
+
+ Jumping Spider Care Sheet
+Storm Cloud Jumpers · Small Size · Big Personality
+
+
+
+
+ Congratulations on your new captive-raised jumper! Phidippus jumping spiders are curious, personable, and easy to care for. Here's everything you need to keep yours thriving.
+ +
+
+
+ Temperature 72–82°F (room temp)
+ Humidity Moderate; higher around molts
+ Enclosure Vertical & well-ventilated
+ Slings (i3–6) A 3×3" cube is perfect
+ Feeders Hydei fruit flies, PBL, crickets, BSFL
+ Critical molts i5 & i7 — extra humidity
+ 1.Enclosure & Playground
+Jumpers are climbers — go vertical and well-ventilated. Slings (instar 3–6) are happy in a small 3×3" cube; adults enjoy a roomy front-opening enclosure. Decorate it like a little playground: cork bark, fake or live foliage, and a cozy spot up high where they'll build a silk hammock.
+ +2.Substrate & Soft Landings
+Line the floor with soft sphagnum moss or another reptile-safe moss. It holds a bit of humidity and cushions your jumper if it ever takes a fall.
+ +3.Temperature & Humidity
+Normal room temperature (72–82°F) is ideal — no special heating for most homes. Keep humidity moderate: mist one side of the enclosure a few times a week so there's always a dry side too. Never soak it, and always keep good airflow. Nudge humidity up slightly when a molt is near.
+ +4.Feeding
+-
+
- Slings: hydei fruit flies, offered every 2–3 days. +
- Peanut beetle larvae (PBL): a newer, excellent feeder — highly recommended. +
- Larger jumpers: appropriately sized crickets or black soldier fly larvae (BSFL) every few days. +
- Remove any uneaten prey so it can't stress or nip your spider. +
5.Molting — the Important Part
+Molts are how your jumper grows, and they're most delicate at instar 5 and instar 7. Around these times:
+-
+
- Raise humidity a little. +
- Your jumper will seal itself into its hammock and stop eating — this is normal. +
- Do not disturb or try to remove it. Molting is fragile. +
- After it emerges, wait a few days before feeding so its new fangs can harden. Then resume feeding. +
6.Handling
+Jumpers are famously personable. Handle low and slow, over a soft surface, and always let them come to you. Never handle a spider that's in pre-molt or hiding in its hammock.
+
+
+ ← Back to site
+
+
+
diff --git a/scj/form-handler.gs b/scj/form-handler.gs
new file mode 100644
index 0000000..6b9b383
--- /dev/null
+++ b/scj/form-handler.gs
@@ -0,0 +1,61 @@
+/**
+ * Storm Cloud Jumpers — inquiry form handler (Google Apps Script)
+ * ------------------------------------------------------------------
+ * This sends inquiry-form submissions to the shop's Gmail using the
+ * shop's OWN Google account — no third-party form service, no cost.
+ *
+ * ONE-TIME SETUP (about 5 minutes):
+ * 1. Sign in to the Gmail account that should RECEIVE inquiries
+ * (stormcloudjumpers@gmail.com).
+ * 2. Go to https://script.google.com → New project.
+ * 3. Delete the sample code, paste THIS whole file in, and Save.
+ * 4. Click "Deploy" → "New deployment".
+ * - Type: Web app
+ * - Description: SCJ inquiry form
+ * - Execute as: Me
+ * - Who has access: Anyone
+ * Click Deploy and authorize when prompted.
+ * 5. Copy the Web app URL (ends in /exec).
+ * 6. Open scj/script.js and paste that URL into FORM_ENDPOINT.
+ *
+ * That's it — the website form will then email submissions straight
+ * to the inbox. (Until FORM_ENDPOINT is set, the form falls back to
+ * opening the visitor's own email app, which also works fine.)
+ */
+
+// Where inquiries are delivered:
+var TO_ADDRESS = 'stormcloudjumpers@gmail.com';
+
+function doPost(e) {
+ try {
+ var p = (e && e.parameter) ? e.parameter : {};
+ var name = (p.name || 'Someone').toString().slice(0, 200);
+ var email = (p.email || '(no email)').toString().slice(0, 200);
+ var spider = (p.spider || '(not specified)').toString().slice(0, 200);
+ var message = (p.message || '(no message)').toString().slice(0, 5000);
+
+ var subject = 'Spider Inquiry — ' + spider + ' (' + name + ')';
+ var body =
+ 'New inquiry from the Storm Cloud Jumpers website:\n\n' +
+ 'Name: ' + name + '\n' +
+ 'Email: ' + email + '\n' +
+ 'Spider of interest: ' + spider + '\n\n' +
+ 'Message:\n' + message + '\n\n' +
+ '— Reply directly to this email to reach the buyer.';
+
+ GmailApp.sendEmail(TO_ADDRESS, subject, body, { replyTo: email, name: 'SCJ Website' });
+
+ return ContentService
+ .createTextOutput(JSON.stringify({ ok: true }))
+ .setMimeType(ContentService.MimeType.JSON);
+ } catch (err) {
+ return ContentService
+ .createTextOutput(JSON.stringify({ ok: false, error: String(err) }))
+ .setMimeType(ContentService.MimeType.JSON);
+ }
+}
+
+// Simple health check when the URL is opened in a browser.
+function doGet() {
+ return ContentService.createTextOutput('Storm Cloud Jumpers form handler is running.');
+}
diff --git a/scj/index.html b/scj/index.html
new file mode 100644
index 0000000..6f8ff9f
--- /dev/null
+++ b/scj/index.html
@@ -0,0 +1,379 @@
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Captive-Raised Jumping Spiders + +
+Small Size. Big Personality.
+ +
+
+
+
+ Meet Nimbus — our mascot
+
+
+
+
+
+
+ ✦
Captive Raised
From wild-caught mamas — never collected for sale.
✦
Healthy Body Shape
Plump, well-fed abdomens on every spider.
✦
Live Arrival
Guaranteed on overnight FedEx hub-to-hub.
✦
Free Starter Kit
Included free with every spider purchase.
+
+
+
+
+ Available Now
+Meet the jumpers looking for a home.
+A small, rotating selection of healthy, captive-raised Phidippus jumpers. See one you like? Reserve it and we'll be in touch.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ Available
+
+
+ Available
+
+
+ Northern Canopy Slings
+Phidippus otiosus
+Fern's babies — Northern (NC) canopy jumpers, a distinct line from the Florida otiosus. Captive raised, unsexed, and eating hydei fruit flies. Active little characters that love a planted "playground."
+ +
+ $25+ shipping
+ Reserve
+
+
+ 
+ Available
+
+
+ Available
+
+
+ Regal Jumper Males
+Phidippus regius
+Our showy boys — Ivan, Gully, Noble, Hexx & Magick. Adult males are bold, dramatic, and love to show off. Captive raised. (More boys' photos coming soon.)
+ +
+ $25+ shipping
+ Reserve
+
+
+ 
+ Available
+
+
+ Available
+
+
+ Iris
+Phidippus regius · subadult female
+A young subadult girl. Hasn't been handled much yet, but she's young enough to work with and warm up beautifully. Captive raised, never exposed to a male.
+ +
+ $50+ shipping
+ Reserve
+
+
+ 
+ Available
+
+
+ Available
+
+
+ Mango
+Phidippus regius · subadult female
+Super friendly and a lovely handler. Mango is a confident subadult girl with gorgeous coloration. Captive raised, never exposed to a male.
+ +
+ $50+ shipping
+ Reserve
+
+
+ Free Gift
+
+
+ Every spider comes with a free Starter Kit — a misting bottle, a soft paintbrush, and easy notes on molting & instars to get you started right.
+Coming soon: Paraphidippus fartilis. Ask us to join the waitlist.
+
+
+
+
+
+ Meet the Mamas
+The mothers behind every sling.
+Our mamas are wild-caught females who breed just once, then spend their short lives raising babies. That's why every baby we offer is captive raised. These girls aren't for sale — but we're proud to introduce them.
+
+ 
FernP. otiosus 
CleoP. audax 
ColetteP. regius 
DemureP. regius 
DevineP. regius 
DelightP. regius 
DoveP. regius 
IncaP. regius 
LatteP. regius 
LushP. regius
+
+
+
+
+
+ Care Guide
+Simple care for a happy jumper.
+Jumping spiders are some of the most rewarding inverts to keep. Here's the short version — a full printable care sheet is one scan away.
+
+
+
+
+
+ 01
+ Enclosure
+Go vertical and well-ventilated. Slings (i3–6) do great in a 3×3" cube; adults enjoy a roomy front-opening enclosure with cork bark, fake leaves and a hammock up top. Give them a "playground" — they love to climb and explore.
+
+
+ 02
+ Substrate & Falls
+Line the floor with soft sphagnum moss (or another reptile-safe moss). It holds a little humidity and gives a soft landing in case your jumper takes a tumble.
+
+
+ 03
+ Temperature & Humidity
+Room temperature (72–82°F) suits most homes. Keep humidity moderate — mist one side a few times a week, never soak. Bump humidity a little higher around molts.
+
+
+ 04
+ Feeding
+Slings love hydei fruit flies. Peanut beetle larvae (PBL) are a newer, excellent feeder. Larger jumpers take appropriately sized crickets or BSFL. Offer a fresh feeder every few days.
+
+
+ 05
+ Molting
+Molts are critical at i5 and i7 — raise humidity a touch and do not disturb. Your jumper will seal into its hammock and fast. This is normal. Never pull them out.
+
+
+ 06
+ After a Molt
+Wait a few days after your jumper leaves its hammock before feeding — their fangs need to harden first. Then resume normal feeding and enjoy their fresh new colors.
+
+ 
+
+
+
+
+ Printable Care Sheet
+Scan the code or open the care sheet to print or save the full guide for your new jumper.
+
+
+
+
+
+ Shipping & Live Arrival
+Packed warm. Tracked all the way.
+We ship carefully and only when the weather is safe for your spider.
+
+
+
+
+ ✦ FedEx Only
+FedEx is the only carrier we use — it's the only legal option for shipping spiders. We do not ship UPS or USPS.
+
+
+ ✦ Ships Mon–Wed
+Orders go out early in the week so your jumper is never sitting in a facility over a weekend.
+
+
+ ✦ Overnight, Hub-to-Hub
+Overnight FedEx to your local hub ships in a live-arrival–covered box. Guaranteed alive
+
+
+ ✦ 2-Day to Your Door
+A lower-cost option offered in mild spring & fall weather. Not covered by the live guarantee
+Weather-appropriate heat or cool packs are always included, free.
+
+
+
+
+ About Us
+A small keeper who loves these little jumpers.
+Storm Cloud Jumpers is a tiny, hands-on operation. Our mamas are wild-caught Phidippus who breed a single time and then spend their short lives as devoted mothers — so every baby we place is truly captive raised.
+We raise each sling by hand, feed them well, and only send jumpers with a healthy body shape out the door. Big breeders charge a premium — we'd rather keep these charming spiders affordable and get them into caring homes.
+-
+
- Captive raised, never wild-collected for sale. +
- Honest descriptions — real photos of the actual lines. +
- Hobbyist-first — real answers to your questions. +
- Free starter kit with every spider. +
+ 
+
+
+
+
+
+
+
+
+ Reserve or Ask
+Ready to bring home a jumper?
+Tell us what you're looking for and we'll match you with a healthy, captive-raised spider and sort out shipping to you.
+-
+
- stormcloudjumpers@gmail.com +
- Facebook — Storm Cloud Jumpers +
- ✦ All sales & inquiries handled right here. +
+
+
+ ![]()
+
+
+
+
+
+
diff --git a/scj/script.js b/scj/script.js
new file mode 100644
index 0000000..9cffc92
--- /dev/null
+++ b/scj/script.js
@@ -0,0 +1,209 @@
+/* ============================================================
+ Storm Cloud Jumpers — site interactions
+ ============================================================ */
+(function () {
+ 'use strict';
+
+ /* ----------------------------------------------------------
+ FORM DELIVERY CONFIG
+ ------------------------------------------------------------
+ By default the inquiry form opens the visitor's email app
+ addressed to Storm Cloud Jumpers (mailto:). No server needed.
+
+ To have submissions land straight in the Gmail inbox WITHOUT
+ the visitor needing a mail app, deploy the included
+ `form-handler.gs` as a Google Apps Script web app (it sends
+ from the shop's own Gmail) and paste its /exec URL below.
+ When FORM_ENDPOINT is set, the form POSTs to it and falls
+ back to mailto only if the request fails.
+ ---------------------------------------------------------- */
+ var CONTACT_EMAIL = 'stormcloudjumpers@gmail.com';
+ var FORM_ENDPOINT = ''; // e.g. 'https://script.google.com/macros/s/XXXX/exec'
+
+ var $ = function (s, c) { return (c || document).querySelector(s); };
+ var $$ = function (s, c) { return Array.prototype.slice.call((c || document).querySelectorAll(s)); };
+
+ /* ---------- Sticky nav shadow ---------- */
+ var nav = $('#nav');
+ var onScroll = function () {
+ if (nav) nav.classList.toggle('scrolled', window.scrollY > 12);
+ };
+ onScroll();
+ window.addEventListener('scroll', onScroll, { passive: true });
+
+ /* ---------- Mobile menu ---------- */
+ var burger = $('#burger');
+ var links = $('#navLinks');
+ var closeMenu = function () {
+ if (!links) return;
+ links.classList.remove('open');
+ nav.classList.remove('menu-open');
+ burger.setAttribute('aria-expanded', 'false');
+ };
+ if (burger && links) {
+ burger.addEventListener('click', function () {
+ var open = links.classList.toggle('open');
+ nav.classList.toggle('menu-open', open);
+ burger.setAttribute('aria-expanded', String(open));
+ });
+ $$('a', links).forEach(function (a) { a.addEventListener('click', closeMenu); });
+ document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeMenu(); });
+ }
+
+ /* ---------- Reveal on scroll ---------- */
+ var reveals = $$('.reveal');
+ if ('IntersectionObserver' in window && reveals.length) {
+ var io = new IntersectionObserver(function (entries) {
+ entries.forEach(function (en) {
+ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); }
+ });
+ }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
+ reveals.forEach(function (el) { io.observe(el); });
+ } else {
+ reveals.forEach(function (el) { el.classList.add('in'); });
+ }
+
+ /* ---------- Hero parallax (subtle, respects reduced motion) ---------- */
+ var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+ var heroBg = $('.hero__bg');
+ if (heroBg && !reduce) {
+ window.addEventListener('scroll', function () {
+ var y = window.scrollY;
+ if (y < window.innerHeight) heroBg.style.transform = 'translateY(' + (y * 0.25) + 'px)';
+ }, { passive: true });
+ }
+
+ /* ---------- "Reserve" buttons prefill the spider field ---------- */
+ $$('[data-inquire]').forEach(function (btn) {
+ btn.addEventListener('click', function () {
+ var field = $('#spiderField');
+ if (field) field.value = btn.getAttribute('data-inquire') || '';
+ });
+ });
+
+ /* ---------- Inquiry form ---------- */
+ var form = $('#inquiryForm');
+ var ok = $('#formOk');
+
+ var buildMailto = function (data) {
+ var subjSpider = data.spider ? ' — ' + data.spider : '';
+ var subject = 'Spider Inquiry' + subjSpider + ' (' + data.name + ')';
+ var body =
+ 'Name: ' + data.name + '\n' +
+ 'Email: ' + data.email + '\n' +
+ 'Spider of interest: ' + (data.spider || '(not specified)') + '\n\n' +
+ 'Message:\n' + (data.message || '(none)') + '\n';
+ return 'mailto:' + CONTACT_EMAIL +
+ '?subject=' + encodeURIComponent(subject) +
+ '&body=' + encodeURIComponent(body);
+ };
+
+ if (form) {
+ form.addEventListener('submit', function (e) {
+ e.preventDefault();
+ if (!form.checkValidity()) { form.reportValidity(); return; }
+
+ var data = {
+ name: form.name.value.trim(),
+ email: form.email.value.trim(),
+ spider: form.spider.value.trim(),
+ message: form.message.value.trim()
+ };
+
+ var finishMailto = function () {
+ window.location.href = buildMailto(data);
+ if (ok) ok.hidden = false;
+ };
+
+ if (FORM_ENDPOINT) {
+ // Progressive enhancement: POST to Google Apps Script (sends via Gmail).
+ var body = new URLSearchParams(data).toString();
+ fetch(FORM_ENDPOINT, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ body: body
+ }).then(function (r) {
+ if (!r.ok) throw new Error('bad status');
+ if (ok) { ok.textContent = 'Thanks! Your inquiry has been sent — we’ll reply within a day or two.'; ok.hidden = false; }
+ form.reset();
+ }).catch(finishMailto);
+ } else {
+ finishMailto();
+ }
+ });
+ }
+
+ /* ---------- Mamas lightbox ---------- */
+ var lb = $('#lightbox');
+ var lbImg = $('#lightboxImg');
+ var lbCap = $('#lightboxCap');
+ var lbClose = $('#lightboxClose');
+ var lastFocused = null;
+
+ var openLightbox = function (trigger, img, capHTML) {
+ if (!img || !lb) return;
+ lastFocused = trigger;
+ lbImg.src = img.getAttribute('src');
+ lbImg.alt = img.getAttribute('alt') || '';
+ lbCap.innerHTML = capHTML || '';
+ lb.hidden = false;
+ requestAnimationFrame(function () { lb.classList.add('open'); });
+ document.body.style.overflow = 'hidden';
+ lbClose.focus();
+ };
+
+ var wireZoom = function (trigger, getImg, getCap, label) {
+ trigger.setAttribute('role', 'button');
+ trigger.setAttribute('tabindex', '0');
+ trigger.setAttribute('aria-label', label);
+ var open = function () { openLightbox(trigger, getImg(), getCap()); };
+ trigger.addEventListener('click', open);
+ trigger.addEventListener('keydown', function (e) {
+ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(); }
+ });
+ };
+
+ var closeLightbox = function () {
+ if (!lb || lb.hidden) return;
+ lb.classList.remove('open');
+ document.body.style.overflow = '';
+ var done = function () {
+ lb.hidden = true;
+ lbImg.src = '';
+ lb.removeEventListener('transitionend', done);
+ if (lastFocused && lastFocused.focus) lastFocused.focus();
+ };
+ if (reduce) { done(); } else { lb.addEventListener('transitionend', done); }
+ };
+
+ if (lb) {
+ // Meet the Mamas gallery
+ $$('.mama').forEach(function (fig) {
+ var name = $('.mama__cap b', fig);
+ wireZoom(fig,
+ function () { return $('img', fig); },
+ function () { var c = $('.mama__cap', fig); return c ? c.innerHTML : ''; },
+ 'Enlarge photo' + (name ? ' of ' + name.textContent : ''));
+ });
+
+ // Available spiders — click the photo to enlarge
+ $$('#available .card__media').forEach(function (media) {
+ var card = media.closest('.card');
+ wireZoom(media,
+ function () { return $('img', media); },
+ function () {
+ var h = $('h3', card), sci = $('.card__sci', card);
+ return (h ? '' + h.textContent + '' : '') + (sci ? '' + sci.textContent + '' : '');
+ },
+ 'Enlarge photo' + (card && $('h3', card) ? ' of ' + $('h3', card).textContent : ''));
+ });
+
+ lbClose.addEventListener('click', closeLightbox);
+ lb.addEventListener('click', function (e) { if (e.target === lb) closeLightbox(); });
+ document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeLightbox(); });
+ }
+
+ /* ---------- Footer year ---------- */
+ var y = $('#year');
+ if (y) y.textContent = String(new Date().getFullYear());
+})();
diff --git a/scj/styles.css b/scj/styles.css
new file mode 100644
index 0000000..42cee6b
--- /dev/null
+++ b/scj/styles.css
@@ -0,0 +1,313 @@
+/* ============================================================
+ STORM CLOUD JUMPERS — jumpers.stormcloudhills.com
+ Dark storm palette · red accent · brushed-silver display type
+ ============================================================ */
+
+:root {
+ --red: #e02828;
+ --red-deep: #b81d1d;
+ --red-soft: #ff5a5a;
+
+ --bg: #0a0a0a;
+ --bg-2: #101012;
+ --bg-3: #16161a;
+ --bg-4: #1e1e24;
+ --ink: #050505;
+
+ --txt: #f2f2f2;
+ --txt-soft: #b6b6bd;
+ --txt-mute: #7d7d86;
+
+ --silver-1: #ffffff;
+ --silver-2: #c9ccd3;
+ --silver-3: #8b8f99;
+
+ --line: rgba(255,255,255,0.09);
+ --line-2: rgba(255,255,255,0.16);
+
+ --shadow-sm: 0 2px 10px rgba(0,0,0,.45);
+ --shadow-md: 0 16px 40px rgba(0,0,0,.55);
+ --shadow-lg: 0 30px 70px rgba(0,0,0,.7);
+ --glow-red: 0 0 30px rgba(224,40,40,.35);
+
+ --radius: 14px;
+ --radius-lg: 22px;
+ --container: 1200px;
+ --ease: cubic-bezier(.22,.61,.36,1);
+}
+
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+ margin: 0;
+ font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+ color: var(--txt);
+ background: var(--bg);
+ line-height: 1.65;
+ -webkit-font-smoothing: antialiased;
+ overflow-x: hidden;
+}
+img { max-width: 100%; display: block; }
+a { color: inherit; text-decoration: none; }
+
+h1,h2,h3,h4 {
+ font-family: 'Oswald','Inter',sans-serif;
+ font-weight: 700;
+ letter-spacing: .02em;
+ line-height: 1.08;
+ margin: 0 0 .55em;
+ color: #fff;
+}
+h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); }
+h2 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
+h3 { font-size: 1.2rem; letter-spacing: .04em; text-transform: uppercase; }
+p { margin: 0 0 1em; }
+
+/* silver metallic text used on key headlines */
+.metal {
+ background: linear-gradient(180deg,#fff 0%,#d3d6dc 42%,#8c9099 60%,#eef0f3 100%);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ color: transparent;
+}
+
+.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px; }
+.accent { color: var(--red); }
+.section { padding: clamp(64px, 9vw, 120px) 0; position: relative; }
+.section--alt { background: var(--bg-2); }
+
+/* ---------- Eyebrow / section heads ---------- */
+.eyebrow {
+ display: inline-flex; align-items: center; gap: 12px;
+ margin: 0 0 16px;
+ font: 600 .78rem/1 'Inter',sans-serif;
+ letter-spacing: .24em; text-transform: uppercase; color: var(--red);
+}
+.eyebrow .dash { width: 34px; height: 2px; background: var(--red); display: inline-block; }
+.eyebrow--light { color: var(--red-soft); }
+.section__head { max-width: 720px; margin: 0 auto clamp(36px,5vw,60px); text-align: center; }
+.section__head .eyebrow { justify-content: center; }
+.lede { color: var(--txt-soft); font-size: 1.08rem; }
+
+/* ---------- Buttons ---------- */
+.btn {
+ display: inline-flex; align-items: center; justify-content: center; gap: 9px;
+ padding: 14px 28px; border-radius: 999px;
+ font: 600 .86rem/1 'Inter',sans-serif; letter-spacing: .09em; text-transform: uppercase;
+ border: 2px solid transparent; cursor: pointer; transition: all .25s var(--ease);
+ white-space: nowrap;
+}
+.btn--primary { background: var(--red); color: #fff; border-color: var(--red); box-shadow: 0 8px 24px rgba(224,40,40,.35); }
+.btn--primary:hover { background: var(--red-deep); border-color: var(--red-deep); transform: translateY(-2px); }
+.btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
+.btn--ghost:hover { background: #fff; color: var(--ink); border-color: #fff; transform: translateY(-2px); }
+.btn--small { padding: 11px 20px; font-size: .76rem; }
+.btn--block { width: 100%; }
+
+/* ---------- Nav ---------- */
+.nav { position: fixed; inset: 0 0 auto 0; z-index: 60; transition: background .3s var(--ease), box-shadow .3s var(--ease); }
+.nav.scrolled { background: rgba(10,10,10,.86); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--line); }
+.nav__inner { max-width: var(--container); margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
+.nav__brand { display: flex; align-items: center; gap: 12px; }
+.nav__logo { width: 42px; height: 42px; border-radius: 9px; object-fit: cover; box-shadow: var(--shadow-sm); }
+.nav__name { font: 700 1.05rem/1 'Oswald',sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
+.nav__name small { display: block; font-size: .62rem; letter-spacing: .34em; color: var(--txt-mute); margin-top: 3px; }
+.nav__links { display: flex; align-items: center; gap: 26px; }
+.nav__links a { font: 600 .82rem/1 'Inter',sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--txt-soft); transition: color .2s; }
+.nav__links a:hover { color: #fff; }
+.nav__cta { padding: 10px 20px; border: 2px solid var(--red); border-radius: 999px; color: #fff !important; background: var(--red); }
+.nav__cta:hover { background: var(--red-deep); border-color: var(--red-deep); }
+.nav__burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; }
+.nav__burger span { width: 24px; height: 2px; background: #fff; transition: .25s var(--ease); }
+
+/* ---------- Hero ---------- */
+.hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; padding: 120px 0 80px; }
+.hero__bg { position: absolute; inset: 0; background: url('assets/brand/hero-storm-wide.jpg') center/cover no-repeat; opacity: .32; filter: saturate(1.1); }
+.hero::after { content: ""; position: absolute; inset: 0; background:
+ radial-gradient(1000px 600px at 70% 30%, rgba(224,40,40,.16), transparent 60%),
+ linear-gradient(180deg, rgba(10,10,10,.55) 0%, rgba(10,10,10,.82) 70%, var(--bg) 100%); }
+.hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
+.hero__title { margin: 0 0 .35em; }
+.hero__title .t-sub { display: block; font-size: clamp(1rem,2vw,1.4rem); letter-spacing: .3em; color: var(--red-soft); text-transform: uppercase; margin-bottom: .5em; font-weight: 600; font-family: 'Inter',sans-serif; }
+.hero__tag { font: 600 clamp(1rem,1.8vw,1.35rem)/1.4 'Oswald',sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--silver-2); margin-bottom: 1.6em; }
+.hero__cta { display: flex; flex-wrap: wrap; gap: 14px; }
+.hero__logo-wrap { position: relative; text-align: center; }
+.hero__logo-wrap img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg), var(--glow-red); }
+.hero__logo-cap { margin-top: 16px; font: 600 .78rem/1 'Inter',sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--txt-mute); }
+.hero__logo-cap b { color: var(--red-soft); }
+.hero__scroll { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); z-index: 2; text-align: center; color: var(--txt-mute); }
+.hero__scroll span { display: block; width: 22px; height: 34px; border: 2px solid var(--line-2); border-radius: 12px; margin: 0 auto 8px; position: relative; }
+.hero__scroll span::after { content: ""; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 3px; height: 7px; background: var(--red); border-radius: 2px; animation: scrolly 1.7s var(--ease) infinite; }
+.hero__scroll p { font-size: .62rem; letter-spacing: .3em; margin: 0; }
+@keyframes scrolly { 0%{opacity:0;transform:translate(-50%,0)} 40%{opacity:1} 100%{opacity:0;transform:translate(-50%,12px)} }
+
+/* ---------- Trust strip ---------- */
+.trust { background: var(--bg-3); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
+.trust__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; padding: 30px 0; text-align: center; }
+.trust__item h4 { font-size: 1rem; margin: 0 0 4px; color: #fff; }
+.trust__item p { margin: 0; font-size: .82rem; color: var(--txt-mute); }
+.trust__item .ic { color: var(--red); font-size: 1.3rem; }
+
+/* ---------- Cards grid (available) ---------- */
+.grid { display: grid; gap: 26px; }
+.spiders__grid { grid-template-columns: repeat(3,1fr); }
+.card {
+ background: var(--bg-3); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden;
+ display: flex; flex-direction: column; transition: transform .3s var(--ease), border-color .3s, box-shadow .3s;
+}
+.card:hover { transform: translateY(-6px); border-color: rgba(224,40,40,.5); box-shadow: var(--shadow-md); }
+.card__media { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--bg-4); }
+.card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
+.card:hover .card__media img { transform: scale(1.05); }
+.badge { position: absolute; top: 12px; left: 12px; background: var(--red); color: #fff; font: 700 .66rem/1 'Inter',sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: 7px 11px; border-radius: 999px; box-shadow: var(--shadow-sm); }
+.badge--soft { background: rgba(0,0,0,.7); border: 1px solid var(--line-2); }
+.card__body { padding: 22px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
+.card__body h3 { margin: 0; }
+.card__sci { font-style: italic; color: var(--red-soft); font-size: .9rem; margin: -6px 0 0; }
+.card__desc { color: var(--txt-soft); font-size: .92rem; margin: 0; }
+.card__meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
+.card__meta li { font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; color: var(--txt-soft); background: var(--bg-4); border: 1px solid var(--line); border-radius: 999px; padding: 5px 11px; }
+.card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px; }
+.price { font: 700 1.5rem/1 'Oswald',sans-serif; color: #fff; }
+.price small { font-size: .72rem; color: var(--txt-mute); letter-spacing: .08em; display: block; text-transform: uppercase; font-family: 'Inter',sans-serif; font-weight: 500; }
+
+/* Starter kit banner */
+.starter { margin-top: 34px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; justify-content: center; text-align: center; background: linear-gradient(120deg, rgba(224,40,40,.14), rgba(224,40,40,.04)); border: 1px solid rgba(224,40,40,.3); border-radius: var(--radius-lg); padding: 24px 30px; }
+.starter .tag { background: var(--red); color: #fff; font: 700 .7rem/1 'Inter',sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: 8px 14px; border-radius: 999px; }
+.starter p { margin: 0; color: var(--txt-soft); }
+.starter b { color: #fff; }
+
+.note-line { text-align: center; color: var(--txt-mute); font-size: .86rem; margin-top: 20px; }
+
+/* ---------- Mamas gallery ---------- */
+.mamas__grid { grid-template-columns: repeat(5,1fr); gap: 18px; }
+.mama { position: relative; border-radius: var(--radius); overflow: hidden; aspect-ratio: 1; border: 1px solid var(--line); background: var(--bg-4); }
+.mama img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
+.mama:hover img { transform: scale(1.07); }
+.mama__cap { position: absolute; inset: auto 0 0 0; padding: 26px 12px 10px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.85)); }
+.mama__cap b { display: block; font: 700 .95rem/1 'Oswald',sans-serif; letter-spacing: .04em; text-transform: uppercase; color: #fff; }
+.mama__cap span { font-size: .72rem; font-style: italic; color: var(--red-soft); }
+
+/* ---------- Care ---------- */
+.care__grid { grid-template-columns: repeat(3,1fr); }
+.care__card { background: var(--bg-3); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 26px; transition: border-color .3s, transform .3s; }
+.care__card:hover { border-color: rgba(224,40,40,.4); transform: translateY(-4px); }
+.care__num { font: 700 1rem/1 'Oswald',sans-serif; color: var(--red); letter-spacing: .1em; margin-bottom: 14px; }
+.care__card h3 { margin: 0 0 8px; }
+.care__card p { margin: 0; color: var(--txt-soft); font-size: .92rem; }
+.care__qr { margin-top: 40px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; justify-content: center; background: var(--bg-3); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 34px; }
+.care__qr img { width: 128px; height: 128px; border-radius: 12px; background: #fff; padding: 8px; }
+.care__qr .t h3 { margin: 0 0 6px; }
+.care__qr .t p { margin: 0; color: var(--txt-soft); max-width: 420px; }
+
+/* ---------- Shipping (dark feature) ---------- */
+.shipping { position: relative; overflow: hidden; }
+.shipping__bg { position: absolute; inset: 0; background: url('assets/brand/hero-logo-left.jpg') center/cover no-repeat; opacity: .18; }
+.shipping::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,10,10,.85), rgba(10,10,10,.95)); }
+.shipping .container { position: relative; z-index: 2; }
+.ship__grid { grid-template-columns: repeat(2,1fr); gap: 22px; margin-top: 30px; }
+.ship__card { background: rgba(22,22,26,.7); border: 1px solid var(--line-2); border-radius: var(--radius-lg); padding: 26px; backdrop-filter: blur(4px); }
+.ship__card h4 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 1.05rem; color: #fff; }
+.ship__card p { margin: 0; color: var(--txt-soft); font-size: .92rem; }
+.ship__card .ic { color: var(--red); }
+.ship__flag { display: inline-block; margin-top: 8px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--red-soft); }
+.callout { margin-top: 26px; text-align: center; font: 600 .9rem/1.5 'Inter',sans-serif; letter-spacing: .06em; color: var(--silver-2); background: rgba(224,40,40,.12); border: 1px solid rgba(224,40,40,.35); border-radius: 999px; padding: 14px 22px; display: inline-block; }
+
+/* ---------- About ---------- */
+.about__grid { grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
+.about__visual img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
+.bullets { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
+.bullets li { position: relative; padding-left: 30px; color: var(--txt-soft); }
+.bullets li::before { content: "✦"; position: absolute; left: 0; color: var(--red); }
+.bullets b { color: #fff; }
+
+/* ---------- Contact ---------- */
+.contact__grid { grid-template-columns: 1fr 1fr; gap: 48px; }
+.contact__list { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }
+.contact__list li { display: flex; align-items: center; gap: 12px; color: var(--txt-soft); }
+.contact__list .ic { color: var(--red); width: 22px; text-align: center; }
+.contact__list a:hover { color: #fff; }
+.form { background: var(--bg-3); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 30px; display: grid; gap: 16px; }
+.form label { display: grid; gap: 6px; font: 600 .78rem/1 'Inter',sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--txt-soft); }
+.form input, .form select, .form textarea {
+ width: 100%; background: var(--bg); border: 1px solid var(--line-2); border-radius: 10px; padding: 12px 14px;
+ color: #fff; font: 400 .95rem/1.4 'Inter',sans-serif; transition: border-color .2s;
+}
+.form input:focus, .form select:focus, .form textarea:focus { outline: none; border-color: var(--red); }
+.form textarea { resize: vertical; }
+.form__note { font-size: .78rem; color: var(--txt-mute); text-transform: none; letter-spacing: 0; margin: 0; }
+.form__msg { margin: 0; padding: 12px 14px; border-radius: 10px; font-size: .88rem; }
+.form__msg--ok { background: rgba(40,180,90,.14); border: 1px solid rgba(40,180,90,.4); color: #9be8b6; }
+.form__msg--err { background: rgba(224,40,40,.14); border: 1px solid rgba(224,40,40,.4); color: var(--red-soft); }
+
+/* ---------- Footer ---------- */
+.footer { background: var(--ink); border-top: 1px solid var(--line); padding: 50px 0 34px; }
+.footer__inner { display: flex; flex-wrap: wrap; gap: 26px; align-items: center; justify-content: space-between; }
+.footer__brand { display: flex; align-items: center; gap: 14px; }
+.footer__brand img { width: 50px; height: 50px; border-radius: 10px; }
+.footer__name { font: 700 1.1rem/1 'Oswald',sans-serif; letter-spacing: .06em; text-transform: uppercase; margin: 0; color:#fff; }
+.footer__name small { display:block; font-size:.6rem; letter-spacing:.32em; color: var(--txt-mute); margin-top:4px; }
+.footer__links { display: flex; flex-wrap: wrap; gap: 20px; }
+.footer__links a { font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; color: var(--txt-soft); }
+.footer__links a:hover { color: #fff; }
+.footer__social { display: inline-flex; align-items: center; gap: 8px; color: var(--txt-soft); }
+.footer__social:hover { color: var(--red-soft); }
+.footer__copy { width: 100%; text-align: center; color: var(--txt-mute); font-size: .78rem; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
+
+/* ---------- Lightbox ---------- */
+.mama, .card__media { cursor: zoom-in; }
+.mama:focus-visible, .card__media:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
+.lightbox {
+ position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center;
+ padding: 5vh 20px; background: rgba(5,5,5,.9); backdrop-filter: blur(6px);
+ opacity: 0; transition: opacity .25s var(--ease);
+}
+.lightbox[hidden] { display: none; }
+.lightbox.open { opacity: 1; }
+.lightbox__figure { margin: 0; max-width: min(92vw, 760px); text-align: center; transform: scale(.96); transition: transform .25s var(--ease); }
+.lightbox.open .lightbox__figure { transform: scale(1); }
+.lightbox__img { max-width: 100%; max-height: 82vh; width: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg), var(--glow-red); }
+.lightbox__cap { margin-top: 16px; color: var(--txt); font: 700 1.15rem/1.2 'Oswald',sans-serif; letter-spacing: .04em; text-transform: uppercase; }
+.lightbox__cap span { display: block; margin-top: 4px; font: italic 400 .85rem/1 'Inter',sans-serif; text-transform: none; color: var(--red-soft); letter-spacing: 0; }
+.lightbox__close {
+ position: absolute; top: 18px; right: 22px; z-index: 2; width: 46px; height: 46px; border-radius: 50%;
+ background: rgba(0,0,0,.5); border: 1px solid var(--line-2); color: #fff; font-size: 1.8rem; line-height: 1;
+ cursor: pointer; transition: background .2s, transform .2s;
+}
+.lightbox__close:hover { background: var(--red); transform: rotate(90deg); }
+@media (prefers-reduced-motion: reduce) {
+ .lightbox, .lightbox__figure, .lightbox__close { transition: none; }
+}
+
+/* ---------- Reveal animation ---------- */
+.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
+.reveal.in { opacity: 1; transform: none; }
+
+/* ---------- Responsive ---------- */
+@media (max-width: 980px) {
+ .hero__grid { grid-template-columns: 1fr; text-align: center; gap: 36px; }
+ .hero__cta { justify-content: center; }
+ .hero__logo-wrap { order: -1; max-width: 380px; margin: 0 auto; }
+ .spiders__grid, .care__grid { grid-template-columns: repeat(2,1fr); }
+ .mamas__grid { grid-template-columns: repeat(4,1fr); }
+ .about__grid, .contact__grid { grid-template-columns: 1fr; }
+ .ship__grid { grid-template-columns: 1fr; }
+}
+@media (max-width: 640px) {
+ .nav__links { position: fixed; inset: 0 0 0 auto; width: min(78vw,320px); flex-direction: column; align-items: flex-start; gap: 22px; background: var(--bg-2); padding: 96px 30px 30px; transform: translateX(100%); transition: transform .3s var(--ease); box-shadow: var(--shadow-lg); }
+ .nav__links.open { transform: none; }
+ .nav__burger { display: flex; z-index: 61; }
+ .nav.menu-open .nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
+ .nav.menu-open .nav__burger span:nth-child(2) { opacity: 0; }
+ .nav.menu-open .nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
+ .trust__grid { grid-template-columns: repeat(2,1fr); gap: 20px; }
+ .spiders__grid, .care__grid { grid-template-columns: 1fr; }
+ .mamas__grid { grid-template-columns: repeat(2,1fr); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ * { scroll-behavior: auto !important; }
+ .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
+ .hero__scroll span::after { animation: none; }
+}
diff --git a/somefemaleregals/IMG_5920.jpeg b/somefemaleregals/IMG_5920.jpeg
new file mode 100644
index 0000000..1d08bce
Binary files /dev/null and b/somefemaleregals/IMG_5920.jpeg differ
diff --git a/somefemaleregals/IMG_5925.jpeg b/somefemaleregals/IMG_5925.jpeg
new file mode 100644
index 0000000..f3c4ee5
Binary files /dev/null and b/somefemaleregals/IMG_5925.jpeg differ
diff --git a/somefemaleregals/IMG_5941.jpeg b/somefemaleregals/IMG_5941.jpeg
new file mode 100644
index 0000000..286ca35
Binary files /dev/null and b/somefemaleregals/IMG_5941.jpeg differ
diff --git a/somefemaleregals/IMG_5942.jpeg b/somefemaleregals/IMG_5942.jpeg
new file mode 100644
index 0000000..2a0c9ae
Binary files /dev/null and b/somefemaleregals/IMG_5942.jpeg differ
diff --git a/somefemaleregals/IMG_5946.jpeg b/somefemaleregals/IMG_5946.jpeg
new file mode 100644
index 0000000..ec996c8
Binary files /dev/null and b/somefemaleregals/IMG_5946.jpeg differ
diff --git a/somefemaleregals/IMG_5950.jpeg b/somefemaleregals/IMG_5950.jpeg
new file mode 100644
index 0000000..3b1dd19
Binary files /dev/null and b/somefemaleregals/IMG_5950.jpeg differ
diff --git a/somefemaleregals/IMG_6116.jpeg b/somefemaleregals/IMG_6116.jpeg
new file mode 100644
index 0000000..46d2449
Binary files /dev/null and b/somefemaleregals/IMG_6116.jpeg differ
diff --git a/somefemaleregals/IMG_6122.jpeg b/somefemaleregals/IMG_6122.jpeg
new file mode 100644
index 0000000..f6382fa
Binary files /dev/null and b/somefemaleregals/IMG_6122.jpeg differ
diff --git a/somefemaleregals/IMG_6125.jpeg b/somefemaleregals/IMG_6125.jpeg
new file mode 100644
index 0000000..3d1582e
Binary files /dev/null and b/somefemaleregals/IMG_6125.jpeg differ
diff --git a/somefemaleregals/IMG_6126.jpeg b/somefemaleregals/IMG_6126.jpeg
new file mode 100644
index 0000000..a787774
Binary files /dev/null and b/somefemaleregals/IMG_6126.jpeg differ
diff --git a/somefemaleregals/IMG_6138.jpeg b/somefemaleregals/IMG_6138.jpeg
new file mode 100644
index 0000000..95b4a52
Binary files /dev/null and b/somefemaleregals/IMG_6138.jpeg differ
diff --git a/somefemaleregals/IMG_6147.jpeg b/somefemaleregals/IMG_6147.jpeg
new file mode 100644
index 0000000..89789c7
Binary files /dev/null and b/somefemaleregals/IMG_6147.jpeg differ
diff --git a/somefemaleregals/names.txt b/somefemaleregals/names.txt
new file mode 100644
index 0000000..b33916c
--- /dev/null
+++ b/somefemaleregals/names.txt
@@ -0,0 +1,3 @@
+They’re $50 plus shipping. All captive raised and not exposed to any male.
+First 6 is subadult Iris- hasn’t been handled much but young enough to work with.
+Next 6 are Mango subadult - super friendly, she handles well.
\ No newline at end of file