.elementor-344 .elementor-element.elementor-element-92d8938{--display:flex;}.elementor-344 .elementor-element.elementor-element-7519ad9{width:100%;max-width:100%;}.elementor-344 .elementor-element.elementor-element-7519ad9.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:1;}.elementor-344 .elementor-element.elementor-element-9bc9de2{--display:flex;}.elementor-344 .elementor-element.elementor-element-631c09e > .elementor-widget-container:hover{--e-transform-flipX:-1;}.elementor-344 .elementor-element.elementor-element-631c09e{text-align:center;}.elementor-344 .elementor-element.elementor-element-631c09e img{width:100%;max-width:97%;height:486px;object-fit:fill;opacity:0.91;filter:brightness( 69% ) contrast( 192% ) saturate( 123% ) blur( 0.6px ) hue-rotate( 338deg );box-shadow:0px 0px 10px 0px rgba(241.6762603759766, 7.355364446225359, 202.96237322236544, 0.5);}.elementor-344 .elementor-element.elementor-element-631c09e:hover img{opacity:1;}.elementor-344 .elementor-element.elementor-element-2f4cce9{--display:flex;}.elementor-344 .elementor-element.elementor-element-9f91014 .elementor-heading-title{-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FCB100;stroke:#FCB100;mix-blend-mode:exclusion;color:var( --e-global-color-83a7d3e );}.elementor-344 .elementor-element.elementor-element-9f91014 .elementor-heading-title a:hover, .elementor-344 .elementor-element.elementor-element-9f91014 .elementor-heading-title a:focus{color:var( --e-global-color-c81d64b );}.elementor-344 .elementor-element.elementor-element-9f91014 .elementor-heading-title a{transition-duration:0.8s;}.elementor-344 .elementor-element.elementor-element-aab42c8{--display:flex;}.elementor-344 .elementor-element.elementor-element-529b129 .elementor-menu-toggle{margin:0 auto;}/* Start custom CSS for html, class: .elementor-element-7519ad9 */<style>
:root{
  --c1:#20b8e6; /* turquoise */
  --c2:#ffd44d; /* yellow */
  --c3:#ff7a3a; /* orange */
  --c4:#ff3b5c; /* red */
}
.fportal{max-width:1100px;margin:2rem auto;padding:1.25rem}
.fportal h1{font:700 2rem/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial;color:#222;margin:0 0 1rem}
.fgrid{
  display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.fbtn{
  display:flex;align-items:center;gap:.9rem;
  padding:1.1rem 1.2rem;border-radius:18px;text-decoration:none;color:#111;
  background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3),var(--c4));
  background-size:220% 220%;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:transform .12s ease, background-position .6s ease, box-shadow .12s ease;
}
.fbtn:hover,.fbtn:focus{transform:translateY(-2px);background-position:80% 20%;box-shadow:0 10px 22px rgba(0,0,0,.2);outline:none}
.ficon{font-size:1.6rem;flex:0 0 auto}
.ftext{display:flex;flex-direction:column}
.ftext b{font-weight:700}
.fsub{font-size:.88rem;opacity:.85}
.fnote{margin:.8rem 0 0;font-size:.9rem;opacity:.8}
</style>

<div class="fportal" role="navigation" aria-label="Flamebow Portal">
  <h1>Flamebow Portal</h1>
  <div class="fgrid">
    <a class="fbtn" href="/neuronest">
      <span class="ficon">🧠🔥</span>
      <span class="ftext"><b>NeuroNest</b><span class="fsub">Sacred Science of renewal</span></span>
    </a>
    <a class="fbtn" href="/drivers-licenses-for-dogs">
      <span class="ficon">🐶🚗</span>
      <span class="ftext"><b>DLFD</b><span class="fsub">Driver’s Licenses for Dogs</span></span>
    </a>
    <a class="fbtn" href="/gerald-fading-fast">
      <span class="ficon">🕯️🕶️</span>
      <span class="ftext"><b>Gerald: Fading Fast</b><span class="fsub">Shadow, jokes, therapy</span></span>
    </a>
    <a class="fbtn" href="/kat-and-chloe">
      <span class="ficon">🧟‍♀️🧖‍♀️</span>
      <span class="ftext"><b>Kat &amp; Chloe</b><span class="fsub">Zombie spa odyssey</span></span>
    </a>
    <a class="fbtn" href="/codex">
      <span class="ficon">📜🔥</span>
      <span class="ftext"><b>Codex of the Flame</b><span class="fsub">First principles &amp; rites</span></span>
    </a>
    <a class="fbtn" href="/stickerverse-hq">
      <span class="ficon">✨🏷️</span>
      <span class="ftext"><b>Stickerverse HQ</b><span class="fsub">Plumphearts &amp; friends</span></span>
    </a>
    <a class="fbtn" href="/shop">
      <span class="ficon">🛍️🌈</span>
      <span class="ftext"><b>Shop</b><span class="fsub">Sparkly essentials</span></span>
    </a>
    <a class="fbtn" href="/contact">
      <span class="ficon">💌</span>
      <span class="ftext"><b>Contact</b><span class="fsub">Bring the sparks home</span></span>
    </a>
  </div>
  <div class="fnote">Tip: put this on <i>/portal</i> and link it in your header &amp; footer for instant wayfinding.</div>
</div
.fportal h1{
  font:700 2.2rem/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial;
  background:linear-gradient(90deg,#20b8e6,#ffd44d,#ff7a3a,#ff3b5c,#20b8e6);
  background-size:200% 200%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:titleGlow 6s linear infinite;
}
@keyframes titleGlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}/* End custom CSS */