{"id":443,"date":"2026-03-13T15:18:17","date_gmt":"2026-03-13T15:18:17","guid":{"rendered":"https:\/\/www.staringatfire.com\/?page_id=443"},"modified":"2026-04-15T18:01:31","modified_gmt":"2026-04-15T18:01:31","slug":"home-2","status":"publish","type":"page","link":"https:\/\/www.staringatfire.com\/","title":{"rendered":"Staring at Fire"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');\n\n:root {\n  --saf-black: #0a0907;\n  --saf-dark: #111009;\n  --saf-charcoal: #1a1714;\n  --saf-panel: #161412;\n  --saf-ember: #8b2e1a;\n  --saf-fire: #c4502a;\n  --saf-gold: #b8923e;\n  --saf-warm-gold: #d4a851;\n  --saf-cream: #e8e0d5;\n  --saf-muted: #9a8f83;\n  --saf-border: rgba(180, 140, 80, 0.2);\n  --font-display: 'Cinzel', 'Trajan Pro 3', Georgia, serif;\n  --font-body: 'Cormorant Garamond', Georgia, serif;\n}\n\n\/* =====================\n   GLOBAL RESET & BASE\n   ===================== *\/\n*, *::before, *::after { box-sizing: border-box; }\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  background-color: var(--saf-black) !important;\n  color: var(--saf-cream) !important;\n  font-family: var(--font-body) !important;\n  font-size: 1.15rem;\n  line-height: 1.75;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* Hide Minimalistix theme chrome *\/\n.site-header,\nheader.site-header,\n.wp-site-blocks > header,\n.global-header,\n.site-footer,\nfooter.site-footer,\n.wp-site-blocks > footer,\n.global-footer,\n.wp-block-template-part {\n  display: none !important;\n}\n\n\/* Kill white backgrounds from theme *\/\n.wp-site-blocks,\n.entry-content,\n.site-content,\n.wp-block-post-content,\n.is-layout-constrained,\n.wp-block-group,\nmain,\narticle {\n  background: transparent !important;\n  color: var(--saf-cream) !important;\n  max-width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* =====================\n   TYPOGRAPHY\n   ===================== *\/\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-display);\n  color: var(--saf-cream);\n  font-weight: 400;\n  letter-spacing: 0.08em;\n  line-height: 1.2;\n}\n\np { margin: 0; }\n\na {\n  color: var(--saf-gold);\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\na:hover { color: var(--saf-warm-gold); }\n\n\/* =====================\n   HERO SECTION\n   ===================== *\/\n.saf-hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 2rem 100px;\n  overflow: hidden;\n  background: var(--saf-black);\n}\n\n\/* Ember glow from bottom *\/\n.saf-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(139, 46, 26, 0.2) 0%, transparent 70%),\n    radial-gradient(ellipse 40% 30% at 50% 100%, rgba(100, 30, 10, 0.3) 0%, transparent 50%);\n  pointer-events: none;\n}\n\n\/* Film grain texture overlay *\/\n.saf-hero::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n  background-size: 200px 200px;\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.saf-hero-inner {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  max-width: 820px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.saf-logo {\n  width: 110px;\n  height: auto;\n  margin-bottom: 2.2rem;\n  filter: drop-shadow(0 0 18px rgba(196, 80, 42, 0.35));\n  animation: saf-breathe 5s ease-in-out infinite;\n}\n\n@keyframes saf-breathe {\n  0%, 100% { filter: drop-shadow(0 0 18px rgba(196, 80, 42, 0.35)); opacity: 0.95; }\n  50% { filter: drop-shadow(0 0 32px rgba(196, 80, 42, 0.55)); opacity: 1; }\n}\n\n.saf-wordmark {\n  font-family: var(--font-display);\n  font-size: clamp(1.8rem, 5.5vw, 4rem);\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--saf-cream);\n  margin: 0 0 2rem;\n  font-weight: 400;\n  opacity: 0;\n  animation: saf-fade-up 1.2s ease 0.3s forwards;\n}\n\n@keyframes saf-fade-up {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.saf-divider {\n  width: 60px;\n  height: 1px;\n  background: linear-gradient(to right, transparent, var(--saf-gold), transparent);\n  margin: 0 auto 2.2rem;\n  opacity: 0;\n  animation: saf-fade-up 1s ease 0.6s forwards;\n}\n\n.saf-manifesto {\n  font-family: var(--font-body);\n  font-size: clamp(1rem, 2.2vw, 1.2rem);\n  font-style: italic;\n  color: var(--saf-cream);\n  line-height: 1.9;\n  max-width: 660px;\n  margin: 0 auto 1.5rem;\n  opacity: 0;\n  animation: saf-fade-up 1s ease 0.9s forwards;\n}\n\n.saf-company-line {\n  font-family: var(--font-body);\n  font-size: clamp(0.95rem, 2vw, 1.1rem);\n  color: var(--saf-cream);\n  line-height: 1.9;\n  max-width: 660px;\n  margin: 0 auto 2rem;\n  opacity: 0;\n  animation: saf-fade-up 1s ease 1.1s forwards;\n}\n\n.saf-tagline {\n  font-family: var(--font-display);\n  font-size: 0.65rem;\n  letter-spacing: 0.35em;\n  text-transform: uppercase;\n  color: var(--saf-gold);\n  opacity: 0;\n  animation: saf-fade-up 1s ease 1.3s forwards;\n}\n\n\/* Scroll indicator *\/\n.saf-scroll {\n  position: absolute;\n  bottom: 2.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.4rem;\n  color: var(--saf-muted);\n  font-family: var(--font-display);\n  font-size: 0.6rem;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  z-index: 1;\n  opacity: 0;\n  animation: saf-fade-up 1s ease 2s forwards, saf-bob 2.5s ease-in-out 3s infinite;\n}\n\n.saf-scroll svg {\n  width: 18px;\n  height: 18px;\n  stroke: var(--saf-muted);\n  fill: none;\n  stroke-width: 1.5;\n}\n\n@keyframes saf-bob {\n  0%, 100% { transform: translateX(-50%) translateY(0); }\n  50% { transform: translateX(-50%) translateY(7px); }\n}\n\n\/* =====================\n   SHARED SECTION STYLES\n   (used in stages 2-4)\n   ===================== *\/\n.saf-section {\n  padding: 100px 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.saf-section-full {\n  width: 100%;\n  padding: 100px 2rem;\n  position: relative;\n}\n\n.saf-section-label {\n  font-family: var(--font-display);\n  font-size: 0.65rem;\n  letter-spacing: 0.4em;\n  text-transform: uppercase;\n  color: var(--saf-gold);\n  margin-bottom: 1rem;\n  display: block;\n  opacity: 0.85;\n}\n\n.saf-section-title {\n  font-family: var(--font-display);\n  font-size: clamp(1.6rem, 3.5vw, 2.8rem);\n  color: var(--saf-cream);\n  margin-bottom: 1.5rem;\n  letter-spacing: 0.08em;\n  font-weight: 400;\n}\n\n.saf-rule {\n  width: 50px;\n  height: 1px;\n  background: linear-gradient(to right, var(--saf-gold), transparent);\n  margin: 1.5rem 0;\n}\n\n\/* CTA Buttons *\/\n.saf-btn {\n  display: inline-block;\n  font-family: var(--font-display);\n  font-size: 0.7rem;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  padding: 0.9rem 2.2rem;\n  border: 1px solid var(--saf-gold);\n  color: var(--saf-gold);\n  transition: all 0.3s ease;\n  background: transparent;\n  cursor: pointer;\n}\n\n.saf-btn:hover {\n  background: rgba(184, 146, 62, 0.12);\n  color: var(--saf-warm-gold);\n  border-color: var(--saf-warm-gold);\n}\n\n.saf-btn-fire {\n  background: var(--saf-ember);\n  border-color: var(--saf-ember);\n  color: var(--saf-cream);\n  padding: 1rem 2.5rem;\n}\n\n.saf-btn-fire:hover {\n  background: var(--saf-fire);\n  border-color: var(--saf-fire);\n  color: var(--saf-cream);\n  box-shadow: 0 0 30px rgba(196, 80, 42, 0.35);\n}\n\n\/* Horizontal rule between sections *\/\n.saf-hr {\n  border: none;\n  border-top: 1px solid var(--saf-border);\n  margin: 0;\n}\n\n\/* =====================\n   RESPONSIVE\n   ===================== *\/\n@media (max-width: 768px) {\n  .saf-hero { padding: 60px 1.5rem 80px; }\n  .saf-logo { width: 85px; }\n  .saf-wordmark { letter-spacing: 0.15em; }\n  .saf-section { padding: 70px 1.5rem; }\n  .saf-section-full { padding: 70px 1.5rem; }\n}\n<\/style>\n\n\n\n<section class=\"saf-hero\">\n  <div class=\"saf-hero-inner\">\n    <img decoding=\"async\" class=\"saf-logo\"\n         src=\"https:\/\/www.staringatfire.com\/wp-content\/uploads\/2025\/10\/Staring-at-Fire-logo.png\"\n         alt=\"Staring at Fire\" \/>\n    <h1 class=\"saf-wordmark\">Staring at Fire<\/h1>\n    <div class=\"saf-divider\"><\/div>\n    <p class=\"saf-manifesto\">The world has fallen under the ruination of transgression, but it is entrusted to us to fight against its decay. We war against the darkness and its minions to preserve beauty, goodness, and truth. Good art is a weapon.<\/p>\n    <p class=\"saf-company-line\">Staring at Fire is a Virginia based media production company founded in 2013 by filmmaker and musician, Chris Cloud.<\/p>\n    <span class=\"saf-tagline\">Virginia &nbsp;\u00b7&nbsp; Est. 2013<\/span>\n  <\/div>\n  <div class=\"saf-scroll\">\n    <span>Scroll<\/span>\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n    <\/svg>\n  <\/div>\n<\/section>\n\n\n\n<hr class=\"saf-hr\" \/>\n<section class=\"saf-section-full saf-premiere-section\">\n  <div class=\"saf-section saf-premiere-grid\">\n    <div class=\"saf-premiere-image-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/www.staringatfire.com\/wp-content\/uploads\/2026\/04\/DEFENDER_Action_Short_Film_Premiere.png\" alt=\"Defender Action Short Film Premiere\" class=\"saf-premiere-image\" \/>\n    <\/div>\n    <div class=\"saf-premiere-copy\">\n      <span class=\"saf-section-label\">Film Premiere Event<\/span>\n      <h2 class=\"saf-section-title\">Premiere Event<\/h2>\n      <div class=\"saf-rule\"><\/div>\n      <p class=\"saf-premiere-text\">You&#8217;re invited to watch Defender and meet some of the cast and crew! Join us for this FREE event! Please RSVP here on Eventbrite<\/p>\n      <a href=\"https:\/\/www.eventbrite.com\/e\/defender-action-short-film-premiere-tickets-1987522725976?utm-campaign=social&#038;utm-content=attendeeshare&#038;utm-medium=discovery&#038;utm-term=listing&#038;utm-source=cp&#038;aff=ebdsshcopyurl\" target=\"_blank\" class=\"saf-btn saf-btn-fire saf-premiere-btn\">RSVP on Eventbrite<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.saf-premiere-grid {\n  display: grid;\n  grid-template-columns: minmax(280px, 420px) 1fr;\n  gap: 3.5rem;\n  align-items: center;\n}\n.saf-premiere-image {\n  width: 100%;\n  height: auto;\n  display: block;\n  border: 1px solid var(--saf-border);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.35);\n}\n.saf-premiere-text {\n  font-family: var(--font-body);\n  font-size: clamp(1.05rem, 2vw, 1.25rem);\n  line-height: 1.8;\n  color: var(--saf-cream);\n  margin: 0 0 1.5rem;\n  max-width: 640px;\n}\n.saf-premiere-btn {\n  display: inline-block;\n}\n@media (max-width: 900px) {\n  .saf-premiere-grid {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  .saf-premiere-image-wrap {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n}\n<\/style>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Good art is a weapon. Virginia-based media production company founded by Chris Cloud.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/pages\/443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=443"}],"version-history":[{"count":2,"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/pages\/443\/revisions"}],"predecessor-version":[{"id":464,"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=\/wp\/v2\/pages\/443\/revisions\/464"}],"wp:attachment":[{"href":"https:\/\/www.staringatfire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}