/*
Theme Name: JesusQuest Adventure
Theme URI: https://jesusquest.co/
Author: Sun Publishing LLC
Description: An immersive fantasy-adventure WordPress theme for JesusQuest with a map-based homepage, pinned hero quest, cinematic article heroes, and layered visual transitions.
Version: 1.7.2
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: jesusquest-adventure
*/

:root{
  --jq-ink:#071017;
  --jq-ink-2:#0d1c26;
  --jq-sea:#0c3443;
  --jq-teal:#1f5965;
  --jq-gold:#d6ab55;
  --jq-gold-soft:#f1d797;
  --jq-parchment:#efe2bf;
  --jq-paper:#f8f1dd;
  --jq-mist:#d9e4df;
  --jq-white:#fffdf7;
  --jq-shadow:0 24px 70px rgba(0,0,0,.30);
  --jq-radius:18px;
  --jq-serif: Georgia, 'Times New Roman', serif;
  --jq-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--jq-ink);color:#1b211f;font-family:var(--jq-sans);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jq-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}

/* Header */
.site-header{position:absolute;z-index:50;top:0;left:0;right:0;padding:11px 0;color:var(--jq-white);background:linear-gradient(180deg,rgba(3,10,15,.52),rgba(3,10,15,.20));backdrop-filter:blur(7px);border-bottom:1px solid rgba(255,255,255,.09)}
.site-header.is-scrolled{position:fixed;background:rgba(5,14,20,.78);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.18);animation:jqDrop .25s ease}
@keyframes jqDrop{from{transform:translateY(-100%)}to{transform:none}}
.jq-header-inner{display:flex;align-items:center;gap:20px;min-height:54px}
.site-branding{margin-right:auto;min-width:0}
.site-branding-link{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none}
.site-title{font-family:var(--jq-serif);font-size:clamp(22px,2.3vw,31px);font-weight:700;letter-spacing:-.03em;color:#fff7df;text-shadow:0 3px 16px rgba(0,0,0,.65)}
.site-tagline{font-family:var(--jq-serif);font-size:13px;line-height:1.12;letter-spacing:.01em;color:#ead39b;margin-top:1px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:18px;align-items:center}
.primary-nav a{font-size:13px;color:#f7f0df;opacity:.92}
.primary-nav a:hover{color:var(--jq-gold-soft)}
.jq-menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:white;border-radius:999px;padding:8px 12px}
.jq-header-cta{border:1px solid rgba(240,204,123,.72);padding:8px 14px;border-radius:999px;color:#ffe5a3;font-size:12px;white-space:nowrap;background:rgba(14,21,23,.24);box-shadow:0 0 18px rgba(226,177,76,.09)}

/* Fantasy map hero */
.quest-hero{position:relative;min-height:790px;color:white;overflow:hidden;background:
radial-gradient(circle at 70% 30%,rgba(255,218,139,.10),transparent 22%),
linear-gradient(180deg,#07121b 0%,#0b2733 46%,#123847 100%)}
.quest-map{position:absolute;inset:0;overflow:hidden}
.quest-map svg{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 12s ease}
.quest-hero:hover .quest-map svg{transform:scale(1.07)}
.quest-map::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,15,.72) 0%,rgba(3,10,15,.30) 43%,rgba(3,10,15,.08) 68%,rgba(3,10,15,.36) 100%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 28%,transparent 66%,rgba(7,16,23,.7));pointer-events:none}
.jq-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.3px);background-size:67px 67px;opacity:.12;animation:jqDrift 30s linear infinite}
@keyframes jqDrift{to{background-position:120px 40px}}
.jq-hero-inner{position:relative;z-index:5;min-height:790px;display:grid;grid-template-columns:minmax(0,590px) 1fr;align-items:center;padding-top:88px;padding-bottom:128px}
.jq-hero-copy{padding-top:30px;text-shadow:0 3px 22px rgba(0,0,0,.65)}
.jq-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid rgba(231,188,98,.7);border-radius:4px;background:rgba(5,14,19,.42);color:#f4d995;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}
.jq-hero-title{font-family:var(--jq-serif);font-size:clamp(44px,6.2vw,78px);line-height:.98;letter-spacing:-.045em;margin:22px 0 18px;max-width:720px}
.jq-hero-excerpt{font-size:17px;line-height:1.6;max-width:560px;color:#eff4ef;margin-bottom:28px}
.jq-button{display:inline-flex;align-items:center;gap:9px;background:#d1a552;color:#10161a;border:1px solid #efce89;padding:13px 19px;border-radius:5px;font-weight:800;box-shadow:0 5px 24px rgba(218,168,75,.25);transition:.2s ease}
.jq-button:hover{transform:translateY(-2px);background:#e2bb6d}
.jq-button.secondary{background:rgba(7,19,25,.55);color:#f3e4bd;border-color:rgba(228,192,118,.55);box-shadow:none}
.jq-hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.quest-marker{position:absolute;z-index:6;transform:translate(-50%,-50%);text-align:center;color:#f6dc98;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;text-shadow:0 2px 5px #000;transition:.2s ease}
.quest-marker .pin{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 5px;border-radius:50%;border:1px solid #f0cb77;background:rgba(4,17,22,.72);box-shadow:0 0 0 5px rgba(212,170,79,.10),0 0 20px rgba(247,204,112,.42);animation:jqPulse 2.8s ease-in-out infinite}
.quest-marker:hover{transform:translate(-50%,-50%) scale(1.08);color:white}
@keyframes jqPulse{50%{box-shadow:0 0 0 10px rgba(212,170,79,.03),0 0 28px rgba(247,204,112,.65)}}

/* Torn transition */
.jq-torn{position:absolute;z-index:9;left:-2%;right:-2%;bottom:-2px;height:115px;background:var(--jq-paper);clip-path:polygon(0 58%,4% 49%,8% 55%,13% 39%,18% 48%,23% 31%,29% 42%,34% 27%,40% 38%,45% 22%,50% 36%,56% 20%,61% 31%,67% 22%,72% 38%,78% 26%,83% 44%,89% 33%,94% 48%,100% 39%,100% 100%,0 100%)}

/* Home content */
.home-content{background:var(--jq-paper);padding:58px 0 90px;position:relative}
.jq-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.jq-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#7c6533;font-weight:800}
.jq-section-title{font-family:var(--jq-serif);font-size:clamp(32px,5vw,50px);line-height:1;margin:6px 0 0;color:#1b241f;letter-spacing:-.035em}
.jq-section-link{font-size:13px;font-weight:800;color:#675124}
.jq-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.jq-story-card{background:#fffaf0;border:1px solid rgba(100,76,31,.17);border-radius:13px;overflow:hidden;box-shadow:0 12px 36px rgba(88,71,37,.08);transition:.23s ease}
.jq-story-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(88,71,37,.14)}
.jq-card-image{aspect-ratio:16/9;overflow:hidden;background:#d6ccb0}
.jq-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.jq-story-card:hover .jq-card-image img{transform:scale(1.045)}
.jq-card-body{padding:18px 19px 20px}
.jq-card-meta{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#8b6b31;margin-bottom:7px}
.jq-card-title{font-family:var(--jq-serif);font-size:23px;line-height:1.08;letter-spacing:-.025em;margin:0 0 10px;color:#1b221e}
.jq-card-excerpt{font-size:14px;line-height:1.55;color:#515a55;margin:0}
.jq-pagination{margin-top:36px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{background:#fff6e4;border:1px solid #d8c9a7;padding:8px 12px;border-radius:5px}
.page-numbers.current{background:#1e3940;color:white;border-color:#1e3940}

/* Explore strip */
.jq-explore{background:linear-gradient(180deg,#0e2731,#07161d);color:white;padding:70px 0;border-top:1px solid rgba(255,255,255,.06)}
.jq-explore .jq-section-title{color:#f9f0da}
.jq-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}
.jq-region{position:relative;padding:22px;border:1px solid rgba(222,186,105,.18);border-radius:11px;min-height:130px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden}
.jq-region:before{content:'✦';position:absolute;right:18px;top:11px;font-size:45px;color:rgba(228,189,101,.08)}
.jq-region h3{font-family:var(--jq-serif);font-size:24px;margin:0 0 6px;color:#f2dba1}
.jq-region p{font-size:13px;color:#b9c7c5;margin:0}

/* Article hero */
.single .site-main,.archive .site-main,.search .site-main,.error404 .site-main{background:var(--jq-paper)}
.article-hero{position:relative;min-height:620px;display:flex;align-items:flex-end;color:white;background:#0a1820;overflow:hidden}
.article-hero-bg{position:absolute;inset:0}
.article-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.015)}
.article-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,14,.25) 0%,rgba(4,10,14,.25) 38%,rgba(3,9,12,.88) 100%),linear-gradient(90deg,rgba(2,7,10,.6),transparent 62%)}
.article-hero.no-image{background:radial-gradient(circle at 70% 20%,#1e5860,#0a1820 62%)}
.article-hero-content{position:relative;z-index:4;width:min(920px,calc(100% - 40px));margin:0 auto;padding:150px 0 100px}
.article-category{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#f3d584}
.article-title{font-family:var(--jq-serif);font-size:clamp(46px,7vw,82px);line-height:1;letter-spacing:-.045em;margin:12px 0 18px;text-wrap:balance;text-shadow:0 3px 20px rgba(0,0,0,.5)}
.article-meta{display:flex;gap:15px;flex-wrap:wrap;color:#dce5e2;font-size:13px}
.article-torn{position:absolute;left:-2%;right:-2%;bottom:-2px;height:70px;background:var(--jq-paper);clip-path:polygon(0 70%,6% 50%,12% 61%,19% 42%,26% 57%,33% 37%,40% 53%,47% 36%,54% 55%,61% 33%,68% 51%,75% 40%,82% 58%,89% 43%,95% 60%,100% 49%,100% 100%,0 100%)}
.article-shell{width:min(820px,calc(100% - 40px));margin:0 auto;padding:60px 0 90px}
.entry-content{font-family:var(--jq-serif);font-size:20px;line-height:1.8;color:#252c28}
.entry-content>p:first-child{font-size:23px;color:#18211d}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--jq-serif);line-height:1.15;color:#16211c;margin-top:1.7em}
.entry-content h2{font-size:38px}.entry-content h3{font-size:30px}
.entry-content blockquote{margin:2em 0;padding:5px 0 5px 25px;border-left:3px solid var(--jq-gold);font-size:25px;color:#3e493f}
.entry-content a{text-decoration:underline;text-decoration-color:#c59b45;text-underline-offset:3px}
.entry-content img{border-radius:10px}
.post-tags{margin-top:45px;padding-top:20px;border-top:1px solid #d6c8a7;font-size:13px}

/* Archives */
.archive-hero{padding:170px 0 55px;background:radial-gradient(circle at 70% 25%,#24535c,#0b1820 65%);color:white}
.archive-hero h1{font-family:var(--jq-serif);font-size:clamp(42px,6vw,68px);margin:0;letter-spacing:-.04em}
.archive-body{padding:55px 0 90px;background:var(--jq-paper)}

/* Footer */
.site-footer{background:#050d12;color:#aeb9b5;padding:55px 0 35px;border-top:1px solid rgba(255,255,255,.06)}
.jq-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}
.site-footer h3{font-family:var(--jq-serif);font-size:26px;color:#f1ddaa;margin:0 0 10px}
.site-footer h4{color:#e6d4a3;margin-top:0}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:6px 0}
.jq-footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#7f8c89}

/* Admin-independent WP bits */
.alignwide{width:min(1080px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}
.alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.wp-caption{max-width:100%}

@media(max-width:900px){
  .primary-nav{display:none;position:absolute;top:75px;left:20px;right:20px;background:rgba(5,15,20,.97);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
  .primary-nav.open{display:block}.primary-nav ul{display:block}.primary-nav li{margin:10px 0}
  .jq-menu-toggle{display:block}.jq-header-cta{display:none}
  .jq-hero-inner{grid-template-columns:1fr;min-height:760px;padding-top:130px;align-items:end;padding-bottom:165px}
  .quest-hero{min-height:760px}.quest-marker{display:none}
  .jq-story-grid{grid-template-columns:repeat(2,1fr)}
  .jq-region-grid{grid-template-columns:repeat(2,1fr)}
  .jq-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .jq-wrap{width:min(100% - 28px,1180px)}
  .site-header{padding:16px 0}.site-tagline{display:block;font-size:14px}
  .quest-hero,.jq-hero-inner{min-height:720px}
  .jq-hero-title{font-size:46px}.jq-hero-excerpt{font-size:15px}
  .jq-story-grid{grid-template-columns:1fr}.jq-region-grid{grid-template-columns:1fr 1fr}
  .article-hero{min-height:540px}.article-hero-content{width:calc(100% - 28px);padding-bottom:80px}.article-title{font-size:48px}
  .entry-content{font-size:18px}.entry-content>p:first-child{font-size:20px}
  .article-shell{width:calc(100% - 30px)}
  .jq-footer-grid{grid-template-columns:1fr}.jq-section-head{align-items:flex-start;flex-direction:column}
}

/* v1.1 deeper map presentation */
.jq-custom-logo .custom-logo-link{display:block;line-height:0}
.jq-custom-logo img{width:auto;max-width:min(330px,34vw);max-height:76px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.42))}
.quest-hero{isolation:isolate;background:#08151e}
.quest-hero:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 72% 25%,rgba(255,208,111,.14),transparent 18%),radial-gradient(circle at 82% 63%,rgba(119,200,202,.08),transparent 23%),linear-gradient(180deg,rgba(3,8,12,.12) 0%,transparent 32%,rgba(2,8,12,.18) 70%,rgba(1,6,10,.68) 100%)}
.quest-hero:after{content:'';position:absolute;z-index:8;left:0;right:0;bottom:76px;height:140px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(8,17,21,.25) 35%,rgba(8,17,21,.58));filter:blur(3px)}
.quest-map{z-index:0;filter:saturate(1.06) contrast(1.05)}
.quest-map:before{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.46) 100%);pointer-events:none}
.quest-map:after{z-index:3;background:linear-gradient(90deg,rgba(2,8,13,.78) 0%,rgba(3,10,15,.52) 32%,rgba(3,10,15,.08) 61%,rgba(3,10,15,.15) 76%,rgba(2,7,10,.4) 100%),linear-gradient(180deg,rgba(0,0,0,.42),transparent 25%,transparent 66%,rgba(4,11,15,.72))}
.jq-hero-frame{position:absolute;z-index:7;inset:17px;border:1px solid rgba(229,193,111,.22);border-radius:4px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.jq-hero-frame:before,.jq-hero-frame:after{content:'✦';position:absolute;color:rgba(240,207,126,.7);font-size:18px;text-shadow:0 0 16px rgba(242,196,93,.5)}
.jq-hero-frame:before{left:14px;top:10px}.jq-hero-frame:after{right:14px;top:10px}
.jq-hero-haze{position:absolute;z-index:4;border-radius:50%;filter:blur(24px);opacity:.23;pointer-events:none;animation:jqFloat 12s ease-in-out infinite alternate}
.jq-hero-haze-one{width:430px;height:85px;background:#d9eeee;left:35%;top:38%}
.jq-hero-haze-two{width:520px;height:100px;background:#aacfd1;right:-4%;bottom:19%;animation-delay:-5s}
@keyframes jqFloat{to{transform:translate(45px,-12px) scale(1.08)}}
.jq-map-legend{position:absolute;z-index:7;right:4.5%;bottom:17%;width:230px;padding:16px 17px 15px;border:1px solid rgba(232,195,111,.27);background:linear-gradient(145deg,rgba(5,17,22,.72),rgba(6,22,28,.42));backdrop-filter:blur(8px);box-shadow:0 18px 55px rgba(0,0,0,.22);color:#e8d6a3;text-transform:uppercase;letter-spacing:.12em}
.jq-map-legend span{float:left;margin-right:10px;color:#e9bc5b;font-size:25px;line-height:1}.jq-map-legend strong{display:block;font:700 16px/1 var(--jq-serif);letter-spacing:.08em;color:#fff1c9}.jq-map-legend small{display:block;clear:both;padding-top:10px;font-size:8px;line-height:1.55;color:#b9cbc6}
.jq-hero-copy{position:relative;padding:34px 34px 36px 0;max-width:650px}
.jq-hero-copy:before{content:'';position:absolute;z-index:-1;left:-70px;top:-55px;width:760px;height:510px;background:radial-gradient(ellipse at 38% 52%,rgba(2,10,15,.72) 0%,rgba(2,10,15,.44) 37%,transparent 72%);pointer-events:none}
.jq-quest-rune{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(233,196,108,.55);transform:rotate(45deg);margin-bottom:18px;color:#edc76a;background:rgba(6,19,24,.44);box-shadow:0 0 26px rgba(226,177,76,.15)}
.jq-quest-rune::first-letter{transform:rotate(-45deg)}
.jq-eyebrow{box-shadow:0 8px 26px rgba(0,0,0,.16)}
.jq-hero-title{font-size:clamp(48px,6.5vw,86px);max-width:700px;text-shadow:0 5px 28px rgba(0,0,0,.78)}
.jq-hero-excerpt{font-size:18px;color:#edf4ef;max-width:590px;text-shadow:0 2px 12px rgba(0,0,0,.78)}
.quest-marker{z-index:10;padding:4px 8px;border-radius:5px;background:rgba(3,12,16,.18);backdrop-filter:blur(2px);box-shadow:0 3px 14px rgba(0,0,0,.18)}
.quest-marker .pin{position:relative;width:32px;height:32px;background:radial-gradient(circle,rgba(255,238,181,.2),rgba(3,16,21,.82) 64%);box-shadow:0 0 0 5px rgba(212,170,79,.09),0 0 24px rgba(247,204,112,.55)}
.quest-marker .pin:after{content:'';position:absolute;inset:-9px;border:1px solid rgba(242,204,111,.18);border-radius:50%;animation:jqRing 2.8s ease-out infinite}
@keyframes jqRing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.55);opacity:0}}
.jq-torn{height:138px;filter:drop-shadow(0 -10px 18px rgba(0,0,0,.13));background:linear-gradient(180deg,#e7d4a8 0,#f8f1dd 26%,#f8f1dd 100%)}
.home-content:before{content:'';position:absolute;left:0;right:0;top:0;height:170px;pointer-events:none;opacity:.24;background-image:radial-gradient(circle at 12% 22%,#8f7440 0 1px,transparent 1.5px),radial-gradient(circle at 78% 35%,#8f7440 0 1px,transparent 1.5px);background-size:68px 54px,81px 67px;mask-image:linear-gradient(#000,transparent)}
.jq-story-card{border-radius:7px;border-color:rgba(105,77,28,.23);box-shadow:0 10px 22px rgba(62,47,23,.10),0 1px 0 rgba(255,255,255,.65) inset}
.jq-card-image{position:relative}.jq-card-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(239,211,151,.22),inset 0 -40px 45px rgba(0,0,0,.10)}
.jq-explore{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(54,109,114,.22),transparent 32%),radial-gradient(circle at 85% 40%,rgba(170,132,58,.10),transparent 28%),linear-gradient(180deg,#102c36,#06151b)}
.jq-explore:before{content:'✦';position:absolute;right:5%;top:-115px;font:400 380px/1 var(--jq-serif);color:rgba(225,188,102,.025);transform:rotate(15deg)}
.jq-region{box-shadow:0 16px 34px rgba(0,0,0,.13);backdrop-filter:blur(4px)}
@media(max-width:900px){.jq-map-legend{display:none}.jq-custom-logo img{max-width:240px;max-height:60px}.jq-hero-frame{inset:9px}.jq-hero-copy{padding-right:0}.jq-hero-copy:before{left:-90px;width:620px}.jq-hero-haze-one{left:5%;top:45%}}


/* v1.2 hero illustration and tagline controls */
.quest-map-illustrated img{transform:scale(1.02)}
.quest-map-illustrated:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,10,14,.82) 0%,rgba(4,10,14,.58) 25%,rgba(4,10,14,.1) 50%,rgba(4,10,14,.12) 100%),linear-gradient(180deg,rgba(1,5,8,.35) 0%,transparent 28%,rgba(4,10,14,.18) 62%,rgba(4,10,14,.66) 100%);pointer-events:none}
.quest-map-illustrated:after{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 77% 37%,rgba(237,202,111,.16),transparent 15%),radial-gradient(circle at 64% 47%,rgba(237,202,111,.12),transparent 11%),radial-gradient(circle at 83% 64%,rgba(237,202,111,.12),transparent 10%),radial-gradient(circle at 80% 72%,rgba(237,202,111,.15),transparent 10%);pointer-events:none}
.jq-custom-logo .custom-logo-link{display:block}
.jq-custom-logo .custom-logo{display:block;width:auto;max-width:min(330px,34vw);max-height:76px}
.site-branding .custom-logo-link img{filter:drop-shadow(0 4px 14px rgba(0,0,0,.42))}
.jq-hero-inner{position:relative;z-index:11}
@media(max-width:620px){
  .site-tagline{font-size:12px;line-height:1.2;white-space:normal;max-width:240px}
  .jq-custom-logo .custom-logo{max-width:220px;max-height:56px}
}


/* v1.2.1 refinement: transparent header + clean fantasy background + real parchment */
.jq-custom-logo .custom-logo{max-height:52px;max-width:min(250px,26vw)}
.quest-map-illustrated img{transform:scale(1.015);filter:saturate(1.08) contrast(1.03)}
.quest-hero:hover .quest-map-illustrated img{transform:scale(1.035)}
.quest-map-illustrated:before{background:linear-gradient(90deg,rgba(4,10,14,.84) 0%,rgba(4,10,14,.56) 27%,rgba(4,10,14,.12) 49%,rgba(4,10,14,.08) 100%),linear-gradient(180deg,rgba(1,5,8,.18) 0%,transparent 30%,rgba(4,10,14,.12) 67%,rgba(4,10,14,.58) 100%)}
.quest-map-illustrated:after{display:none}
.jq-hero-frame{inset:10px;border-color:rgba(229,193,111,.13)}
.jq-map-legend{background:linear-gradient(145deg,rgba(5,17,22,.48),rgba(6,22,28,.28));border-color:rgba(232,195,111,.22)}
.jq-hero-copy{padding-top:12px}
.jq-hero-copy:before{opacity:.82}
.jq-torn{left:-1%;right:-1%;bottom:-1px;height:150px;background-image:url('assets/images/parchment-texture.webp');background-size:cover;background-position:center top;clip-path:polygon(0 42%,2% 36%,4% 43%,7% 32%,9% 38%,12% 29%,15% 37%,18% 25%,21% 34%,24% 27%,28% 38%,31% 24%,35% 32%,38% 22%,42% 35%,45% 26%,49% 36%,53% 23%,57% 33%,61% 24%,65% 38%,69% 27%,73% 36%,77% 24%,81% 34%,85% 25%,89% 37%,93% 29%,96% 39%,100% 31%,100% 100%,0 100%);filter:drop-shadow(0 -7px 9px rgba(0,0,0,.18))}
.jq-torn:before{content:'';position:absolute;left:0;right:0;top:26px;height:16px;background:linear-gradient(180deg,rgba(90,54,18,.28),rgba(118,78,31,.08),transparent);filter:blur(3px);opacity:.6}
.home-content{background-color:#f2e4bf;background-image:url('assets/images/parchment-texture.webp');background-size:1200px auto;background-repeat:repeat;padding-top:46px}
.home-content:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(126,82,29,.08),transparent 16%),radial-gradient(circle at 91% 32%,rgba(126,82,29,.06),transparent 18%)}
.home-content>.jq-wrap{position:relative;z-index:1}
.jq-story-card{background:rgba(255,250,240,.84);backdrop-filter:blur(1px)}
@media(max-width:900px){
  .site-header{padding:9px 0}
  .jq-header-inner{min-height:50px}
  .jq-custom-logo .custom-logo{max-height:46px;max-width:210px}
  .site-tagline{font-size:11px}
  .quest-hero,.jq-hero-inner{min-height:730px}
}
@media(max-width:620px){
  .site-header{padding:8px 0}
  .jq-custom-logo .custom-logo{max-height:42px;max-width:190px}
  .site-tagline{font-size:10px;max-width:190px}
  .jq-torn{height:120px}
}

/* v1.2.2 compact navigation + image-based parchment edge */
.site-header{
  padding:5px 0;
  background:linear-gradient(180deg,rgba(3,10,15,.38),rgba(3,10,15,.12));
  backdrop-filter:blur(6px);
}
.site-header.is-scrolled{
  background:rgba(5,14,20,.68);
  backdrop-filter:blur(12px);
}
.jq-header-inner{gap:14px;min-height:42px}
.jq-custom-logo .custom-logo{max-height:42px;max-width:min(220px,24vw)}
.site-tagline{
  font-family:var(--jq-sans);
  font-size:10px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:.055em;
  color:#e6d3a2;
  margin-top:0;
}
.primary-nav ul{gap:12px}
.primary-nav a{font-size:11.5px;line-height:1.2;font-weight:500}
.jq-header-cta{padding:6px 11px;font-size:10.5px;line-height:1.2}

/* This is a real transparent PNG with an irregular torn paper edge. */
.jq-torn{
  left:0;
  right:0;
  bottom:-1px;
  height:145px;
  background:none;
  background-image:url('assets/images/parchment-torn-top.png');
  background-repeat:repeat-x;
  background-position:center bottom;
  background-size:auto 145px;
  clip-path:none;
  filter:drop-shadow(0 -8px 10px rgba(0,0,0,.18));
}
.jq-torn:before{display:none}

@media(max-width:900px){
  .site-header{padding:5px 0}
  .jq-header-inner{min-height:42px}
  .jq-custom-logo .custom-logo{max-height:40px;max-width:190px}
  .site-tagline{font-size:9.5px}
  .primary-nav{top:58px;background:rgba(5,15,20,.88);backdrop-filter:blur(12px)}
  .primary-nav a{font-size:13px}
}
@media(max-width:620px){
  .site-header{padding:4px 0}
  .jq-custom-logo .custom-logo{max-height:38px;max-width:180px}
  .site-tagline{font-size:9px;max-width:200px}
  .jq-torn{height:110px;background-size:auto 110px}
}


/* v1.2.3 larger header content, smaller overlay shell, real graphical parchment */
.site-header{
  padding:2px 0 !important;
  background:linear-gradient(180deg,rgba(4,10,14,.30),rgba(4,10,14,.08)) !important;
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(5px);
}
.site-header.is-scrolled{
  background:rgba(5,13,19,.58) !important;
  backdrop-filter:blur(10px);
  box-shadow:0 6px 18px rgba(0,0,0,.14);
}
.jq-header-inner{
  gap:18px !important;
  min-height:0 !important;
}
.jq-custom-logo .custom-logo{
  max-height:56px !important;
  max-width:min(330px,33vw) !important;
}
.site-title{
  font-size:clamp(30px,3vw,42px);
}
.site-tagline{
  font-family:var(--jq-sans) !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
  color:#ead6a5 !important;
  margin-top:1px !important;
}
.primary-nav ul{gap:18px !important}
.primary-nav a{
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  letter-spacing:.01em;
}
.jq-header-cta{
  padding:7px 13px !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  border-radius:999px;
}
.jq-menu-toggle{padding:6px 10px}

/* Real image-based parchment transition */
.jq-torn{
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:150px !important;
  background:transparent url('assets/images/parchment-torn-top.png') repeat-x center top / auto 150px !important;
  clip-path:none !important;
  filter:drop-shadow(0 -10px 16px rgba(0,0,0,.16));
}
.jq-torn:before,
.jq-torn:after{display:none !important}

.home-content{
  background-color:#ecd8a9 !important;
  background-image:url('assets/images/parchment-surface.webp') !important;
  background-size:1200px auto !important;
  background-repeat:repeat !important;
  padding-top:56px !important;
}
.home-content:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%, rgba(120,74,28,.11), transparent 14%),
    radial-gradient(circle at 88% 18%, rgba(120,74,28,.08), transparent 16%),
    radial-gradient(circle at 18% 72%, rgba(120,74,28,.05), transparent 12%),
    linear-gradient(180deg, rgba(255,250,236,.20), transparent 130px) !important;
  opacity:1;
  mask-image:none !important;
}
.home-content:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 180px);
}

/* Graphical parchment cards */
.jq-story-card{
  background:#f4e5bc url('assets/images/parchment-card.webp') center/cover no-repeat !important;
  border:1px solid rgba(116,80,35,.25) !important;
  border-radius:10px !important;
  box-shadow:0 10px 24px rgba(73,52,21,.11), 0 1px 0 rgba(255,255,255,.42) inset !important;
  overflow:hidden;
}
.jq-story-card a{display:block;height:100%}
.jq-card-image{border-bottom:1px solid rgba(126,86,38,.16)}
.jq-card-image:after{box-shadow:inset 0 0 0 1px rgba(239,211,151,.16),inset 0 -36px 40px rgba(0,0,0,.08) !important}
.jq-card-body{
  background:transparent url('assets/images/parchment-card.webp') center/cover no-repeat;
  padding:18px 19px 20px;
}
.jq-card-meta{color:#8b6b3c;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.jq-card-title{color:#1e1911}
.jq-card-excerpt{color:#51402a}

@media(max-width:900px){
  .site-header{padding:2px 0 !important}
  .jq-custom-logo .custom-logo{max-height:50px !important;max-width:240px !important}
  .site-tagline{font-size:11px !important}
  .primary-nav ul{gap:14px !important}
  .primary-nav a{font-size:13px !important}
  .jq-header-cta{font-size:11.5px !important;padding:6px 11px !important}
  .jq-torn{height:132px !important;background-size:auto 132px !important}
}
@media(max-width:620px){
  .site-header{padding:3px 0 !important}
  .jq-header-inner{gap:10px !important}
  .jq-custom-logo .custom-logo{max-height:44px !important;max-width:210px !important}
  .site-tagline{font-size:10px !important;max-width:240px !important}
  .primary-nav{top:60px !important}
  .jq-torn{height:118px !important;background-size:auto 118px !important}
  .jq-story-card{border-radius:8px !important}
}


/* v1.2.4 sharper map, smaller shell, larger branding, better mobile */
.site-header{
  padding:1px 0 !important;
  background:linear-gradient(180deg,rgba(4,10,14,.24),rgba(4,10,14,.03)) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}
.site-header.is-scrolled{
  background:rgba(5,13,19,.44) !important;
  backdrop-filter:blur(8px) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.12) !important;
}
.jq-header-inner{min-height:0 !important;gap:20px !important;align-items:center}
.site-branding{padding:0 !important}
.jq-custom-logo .custom-logo{max-height:70px !important;max-width:min(390px,39vw) !important}
.site-title{font-size:clamp(34px,3.4vw,50px) !important;line-height:1 !important}
.site-tagline{font-size:13px !important;letter-spacing:.07em !important}
.primary-nav ul{gap:20px !important}
.primary-nav a{font-size:15px !important;font-weight:600 !important}
.jq-header-cta{padding:8px 14px !important;font-size:13px !important}

.quest-hero:after,
.jq-hero-haze,
.jq-map-legend,
.quest-marker,
.jq-stars{display:none !important}
.quest-map,
.quest-map-illustrated,
.quest-map-illustrated img{
  filter:none !important;
}
.quest-map-illustrated img{
  transform:none !important;
  object-fit:cover !important;
  object-position:68% 42% !important;
}
.quest-hero:hover .quest-map-illustrated img{transform:none !important}
.quest-map-illustrated:before{
  background:linear-gradient(90deg,rgba(3,9,13,.86) 0%,rgba(3,9,13,.56) 23%,rgba(3,9,13,.20) 42%,rgba(3,9,13,.08) 62%,rgba(3,9,13,.18) 100%),
             linear-gradient(180deg,rgba(1,5,8,.14) 0%,transparent 28%,transparent 76%,rgba(3,9,13,.06) 100%) !important;
}
.jq-hero-copy{padding-top:6px !important}
.jq-hero-copy:before{left:-35px !important;top:-35px !important;width:620px !important;height:420px !important;background:radial-gradient(ellipse at 38% 50%,rgba(2,10,15,.58) 0%,rgba(2,10,15,.28) 42%,transparent 76%) !important}
.jq-hero-frame{inset:8px !important;border-color:rgba(229,193,111,.10) !important}
.quest-hero,.jq-hero-inner{min-height:760px !important}
.jq-hero-inner{padding-top:92px !important;padding-bottom:120px !important}

/* cleaner mobile layout */
@media(max-width:900px){
  .site-header{padding:2px 0 !important}
  .jq-header-inner{gap:10px !important}
  .jq-custom-logo .custom-logo{max-height:60px !important;max-width:260px !important}
  .site-tagline{font-size:11.5px !important;max-width:260px !important}
  .jq-menu-toggle{display:block;padding:7px 11px;border-color:rgba(255,255,255,.33);background:rgba(6,14,19,.22)}
  .primary-nav{top:66px !important;left:12px !important;right:12px !important;background:rgba(7,14,19,.84) !important;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.18)}
  .primary-nav ul{gap:0 !important}
  .primary-nav li{margin:0 !important;border-top:1px solid rgba(255,255,255,.06)}
  .primary-nav li:first-child{border-top:0}
  .primary-nav a{display:block;padding:12px 2px;font-size:15px !important}
  .jq-header-cta{display:none !important}

  .quest-hero,.jq-hero-inner{min-height:auto !important}
  .jq-hero-inner{
    grid-template-columns:1fr !important;
    align-items:end !important;
    padding-top:120px !important;
    padding-bottom:98px !important;
  }
  .quest-map-illustrated img{object-position:72% 38% !important}
  .jq-hero-copy{
    max-width:none !important;
    padding:18px 18px 20px !important;
    margin-right:0 !important;
    background:linear-gradient(180deg,rgba(6,14,19,.68),rgba(6,14,19,.42)) !important;
    border:1px solid rgba(229,193,111,.18);
    border-radius:14px;
    backdrop-filter:blur(8px);
    box-shadow:0 12px 36px rgba(0,0,0,.18);
  }
  .jq-hero-copy:before{display:none !important}
  .jq-quest-rune{display:none !important}
  .jq-eyebrow{font-size:10px !important;padding:5px 10px !important}
  .jq-hero-title{font-size:clamp(34px,9vw,52px) !important;line-height:.98 !important;margin:12px 0 12px !important}
  .jq-hero-excerpt{font-size:15px !important;line-height:1.45 !important;margin-bottom:18px !important}
  .jq-button{padding:11px 15px !important;font-size:14px !important}
  .jq-button.secondary{display:none !important}
  .jq-torn{height:96px !important;background-size:auto 96px !important}
  .home-content{padding-top:34px !important}
  .jq-section-head{gap:10px}
  .jq-story-grid{grid-template-columns:1fr !important;gap:16px !important}
  .jq-card-image{aspect-ratio:16/9 !important}
  .jq-region-grid{grid-template-columns:1fr !important}
}
@media(max-width:620px){
  .jq-custom-logo .custom-logo{max-height:54px !important;max-width:230px !important}
  .site-tagline{font-size:10px !important;max-width:220px !important}
  .site-branding{max-width:calc(100% - 72px)}
  .jq-hero-inner{padding-top:114px !important;padding-bottom:86px !important}
  .quest-map-illustrated img{object-position:74% 36% !important}
  .jq-wrap{width:min(1180px,calc(100% - 24px)) !important}
  .jq-story-card{border-radius:10px !important}
  .jq-card-body{padding:16px !important}
  .jq-section-title{font-size:34px !important}
}

/* v1.2.5 non-sticky header: header scrolls away with the page */
.site-header,
.site-header.is-scrolled{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  animation:none !important;
  background:linear-gradient(180deg,rgba(4,10,14,.24),rgba(4,10,14,.03)) !important;
  backdrop-filter:blur(5px) !important;
  box-shadow:none !important;
}


/* v1.2.6 category hero label, sharp mobile map, animated infinite scroll */
.jq-infinite-sentinel{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#71562d;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:24px 0 8px;
}
.jq-infinite-loader{
  width:22px;
  height:22px;
  border:2px solid rgba(113,86,45,.25);
  border-top-color:#8f682c;
  border-radius:50%;
  animation:jqInfiniteSpin .75s linear infinite;
}
.jq-infinite-sentinel:not(.is-loading) .jq-infinite-loader{opacity:.55}
.jq-infinite-sentinel.is-complete{min-height:60px;opacity:.72}
.jq-infinite-complete{font-family:var(--jq-serif);font-size:16px;text-transform:none;letter-spacing:0;font-weight:400}
.jq-load-retry{border:1px solid rgba(113,86,45,.45);background:rgba(255,248,229,.55);padding:9px 14px;border-radius:999px;color:#5c421d;cursor:pointer}
@keyframes jqInfiniteSpin{to{transform:rotate(360deg)}}

.jq-story-card.jq-card-enter{
  opacity:0;
  transform:translateY(34px) scale(.94);
  animation:jqCardPop .58s cubic-bezier(.2,.8,.2,1) forwards;
  transform-origin:center bottom;
}
@keyframes jqCardPop{
  0%{opacity:0;transform:translateY(34px) scale(.94)}
  65%{opacity:1;transform:translateY(-4px) scale(1.012)}
  100%{opacity:1;transform:none}
}

@media(max-width:900px){
  .site-header,
  .site-header.is-scrolled{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:linear-gradient(180deg,rgba(3,9,13,.58),rgba(3,9,13,.10)) !important;
  }
  .primary-nav,
  .primary-nav.open{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(7,14,19,.94) !important;
  }
  .jq-hero-copy{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:linear-gradient(180deg,rgba(6,14,19,.76),rgba(6,14,19,.46)) !important;
  }
  .quest-map,
  .quest-map-illustrated,
  .quest-map-illustrated img{
    filter:none !important;
    -webkit-filter:none !important;
  }
  .quest-map-illustrated img{
    image-rendering:auto;
    transform:none !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .jq-story-card.jq-card-enter{animation:none;opacity:1;transform:none}
  .jq-infinite-loader{animation-duration:1.5s}
}

/* v1.2.7 true static header: dedicated row above all page content */
.site-header,
.site-header.is-scrolled{
  position:relative !important;
  inset:auto !important;
  z-index:50;
  width:100%;
  padding:4px 0 !important;
  margin:0 !important;
  transform:none !important;
  animation:none !important;
  background:#07141c !important;
  background-image:linear-gradient(180deg,#0a1b25 0%,#07141c 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  border-bottom:1px solid rgba(226,190,111,.16) !important;
  box-shadow:none !important;
}
.jq-header-inner{
  display:flex;
  align-items:center !important;
  gap:22px !important;
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.site-branding{
  display:flex;
  align-items:center;
  margin-right:auto;
  padding:0 !important;
  min-width:0;
}
.site-branding-link{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  line-height:1;
  padding:0 !important;
  margin:0 !important;
}
.jq-custom-logo,
.jq-custom-logo .custom-logo-link{
  display:block !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.jq-custom-logo .custom-logo{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.site-tagline{
  margin:3px 0 0 !important;
  line-height:1.05 !important;
}
.primary-nav{
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.primary-nav ul{
  display:flex;
  align-items:center;
  margin:0 !important;
  padding:0 !important;
}
.primary-nav a{white-space:nowrap}
.jq-header-cta{margin:0 !important}

/* Hero now begins after the header instead of underneath it */
.quest-hero{margin-top:0 !important}
.jq-hero-inner{
  padding-top:32px !important;
  padding-bottom:120px !important;
}

@media(max-width:900px){
  .site-header,
  .site-header.is-scrolled{
    position:relative !important;
    padding:4px 0 !important;
    background:#07141c !important;
    background-image:linear-gradient(180deg,#0a1b25 0%,#07141c 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .jq-header-inner{
    flex-wrap:wrap;
    gap:0 10px !important;
    align-items:center !important;
  }
  .site-branding{
    flex:1 1 auto;
    max-width:calc(100% - 76px) !important;
  }
  .jq-menu-toggle{
    display:block;
    flex:0 0 auto;
    margin-left:auto;
    padding:7px 12px;
  }
  .primary-nav,
  .primary-nav.open{
    position:static !important;
    order:10;
    flex:0 0 100%;
    width:100%;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 !important;
    background:#07141c !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .primary-nav{display:none !important}
  .primary-nav.open{display:block !important}
  .primary-nav ul{
    display:block !important;
    padding:4px 0 7px !important;
  }
  .primary-nav li{
    margin:0 !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.055) !important;
  }
  .primary-nav li:first-child{border-top:0 !important}
  .primary-nav a{
    display:block;
    padding:11px 2px !important;
  }
  .jq-header-cta{display:none !important}
  .jq-hero-inner{
    padding-top:28px !important;
    padding-bottom:90px !important;
  }
}
@media(max-width:620px){
  .site-header,
  .site-header.is-scrolled{padding:3px 0 !important}
  .jq-header-inner{gap:0 8px !important}
  .site-tagline{margin-top:2px !important}
  .jq-hero-inner{
    padding-top:20px !important;
    padding-bottom:82px !important;
  }
}

/* v1.2.8 stacked branding + styled static fantasy header */
.site-header,
.site-header.is-scrolled{
  position:relative !important;
  inset:auto !important;
  overflow:hidden;
  padding:7px 0 8px !important;
  background:
    radial-gradient(circle at 20% -60%,rgba(63,129,139,.24),transparent 42%),
    radial-gradient(circle at 82% 140%,rgba(194,146,65,.12),transparent 36%),
    linear-gradient(180deg,#102b35 0%,#0b222b 52%,#081a22 100%) !important;
  border:0 !important;
  border-bottom:1px solid rgba(226,190,111,.28) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.035),0 7px 20px rgba(2,8,12,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.site-header:before{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(225,188,99,.18) 12%,rgba(235,201,122,.58) 50%,rgba(225,188,99,.18) 88%,transparent 100%);
  pointer-events:none;
}
.jq-header-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    radial-gradient(circle at 14% 45%,rgba(255,219,137,.11) 0 1px,transparent 1.5px),
    radial-gradient(circle at 73% 31%,rgba(255,255,255,.07) 0 1px,transparent 1.5px);
  background-size:86px 86px,117px 117px;
}
.jq-header-inner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center !important;
  gap:28px !important;
  min-height:0 !important;
}
.site-branding{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex:0 1 auto;
  margin-right:auto !important;
  padding:0 !important;
  min-width:0;
}
.jq-custom-logo,
.jq-custom-logo .custom-logo-link{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}
.jq-custom-logo .custom-logo{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.site-tagline{
  display:block !important;
  width:100% !important;
  clear:both !important;
  margin:5px 0 0 !important;
  padding:0 !important;
  font-family:var(--jq-sans) !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:600 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase;
  color:#e4c982 !important;
  white-space:normal;
}
.jq-nav-shell{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
  padding:7px 9px 7px 16px;
  border:1px solid rgba(226,190,111,.16);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 20px rgba(0,0,0,.08);
}
.primary-nav{
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.primary-nav ul{gap:18px !important}
.primary-nav a{
  position:relative;
  color:#f7f0dc !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.015em;
  opacity:.94 !important;
  padding:4px 0;
}
.primary-nav a:after{
  content:'';
  position:absolute;
  left:50%;right:50%;bottom:0;
  height:1px;
  background:#e5bf68;
  transition:left .18s ease,right .18s ease;
}
.primary-nav a:hover{color:#ffe5a0 !important}
.primary-nav a:hover:after{left:0;right:0}
.jq-header-cta{
  margin:0 !important;
  padding:8px 14px !important;
  border:1px solid rgba(240,204,123,.60) !important;
  background:linear-gradient(180deg,rgba(210,166,82,.19),rgba(114,82,31,.10)) !important;
  color:#ffe4a0 !important;
  font-size:12px !important;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 20px rgba(214,166,72,.08) !important;
}

@media(max-width:900px){
  .site-header,
  .site-header.is-scrolled{padding:7px 0 !important}
  .jq-header-inner{gap:10px !important;flex-wrap:wrap}
  .site-branding{
    flex:1 1 auto;
    max-width:calc(100% - 74px) !important;
  }
  .site-tagline{
    margin-top:4px !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    letter-spacing:.07em !important;
  }
  .jq-menu-toggle{
    display:block;
    margin-left:auto;
    padding:7px 12px !important;
    color:#f5e7bd;
    border:1px solid rgba(229,193,111,.35) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)) !important;
  }
  .jq-nav-shell{
    order:10;
    display:block;
    flex:0 0 100%;
    width:100%;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .primary-nav,
  .primary-nav.open{
    width:100%;
    margin-top:7px !important;
    border:1px solid rgba(226,190,111,.15) !important;
    border-radius:12px !important;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
      #0b222b !important;
  }
  .primary-nav{display:none !important}
  .primary-nav.open{display:block !important}
  .primary-nav ul{display:block !important;padding:3px 10px !important}
  .primary-nav li{border-top:1px solid rgba(226,190,111,.09) !important}
  .primary-nav li:first-child{border-top:0 !important}
  .primary-nav a{display:block;padding:11px 5px !important;font-size:14px !important}
  .primary-nav a:after{display:none}
  .jq-header-cta{display:none !important}
}
@media(max-width:620px){
  .site-header,
  .site-header.is-scrolled{padding:6px 0 7px !important}
  .site-tagline{font-size:9.5px !important;max-width:100% !important}
}

/* v1.3 Personalized Journey */
button.jq-header-cta,button.jq-button{font-family:inherit;cursor:pointer}
button.jq-button{appearance:none}
.jq-header-cta{display:inline-flex;align-items:center;justify-content:center}

.jq-journey-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px}
.jq-journey-modal.is-open{display:flex}
.jq-journey-backdrop{position:absolute;inset:0;background:rgba(3,10,14,.82)}
.jq-journey-dialog{position:relative;z-index:2;width:min(920px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(229,193,111,.30);border-radius:22px;background:linear-gradient(180deg,#102d37 0,#0b222b 42%,#081a22 100%);color:#f7f0df;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.jq-journey-dialog:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 3%,rgba(214,171,85,.15),transparent 25%),radial-gradient(circle at 5% 40%,rgba(84,151,158,.12),transparent 28%)}
.jq-journey-close{position:sticky;z-index:8;float:right;top:14px;margin:14px 14px 0 0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(232,199,119,.30);background:rgba(4,14,18,.70);color:#f5dfaa;font-size:27px;line-height:1;cursor:pointer}
.jq-journey-intro,.jq-journey-results{position:relative;z-index:2;padding:58px 58px 54px}
.jq-journey-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border:1px solid rgba(232,198,112,.52);transform:rotate(45deg);color:#efc86d;background:rgba(255,255,255,.025);box-shadow:0 0 34px rgba(220,171,75,.12)}
.jq-journey-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#e6c372}
.jq-journey-intro h2,.jq-journey-results h2{font-family:var(--jq-serif);font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.035em;margin:8px 0 13px;color:#fff3d4}
.jq-journey-intro>p,.jq-journey-results-head>p{max-width:680px;color:#cddbd6;font-size:16px;margin:0 0 24px}
.jq-journey-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch;margin-top:27px}
.jq-journey-form textarea{grid-column:1/-1;width:100%;resize:vertical;min-height:110px;padding:17px 18px;border:1px solid rgba(229,193,111,.30);border-radius:13px;background:rgba(3,12,16,.54);color:#fff8e8;outline:none;box-shadow:inset 0 1px 12px rgba(0,0,0,.12);font-size:17px;line-height:1.5}
.jq-journey-form textarea::placeholder{color:#8fa7a4}
.jq-journey-form textarea:focus{border-color:#e0b85c;box-shadow:0 0 0 3px rgba(224,184,92,.10)}
.jq-journey-submit{grid-column:2;padding:11px 17px;border-radius:999px;border:1px solid #ebca80;background:linear-gradient(180deg,#d9ad55,#bd8f3d);color:#0b171b;font-weight:800;cursor:pointer}
.jq-journey-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.jq-journey-suggestions button{border:1px solid rgba(229,193,111,.19);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.035);color:#d9e5e1;font-size:12px;cursor:pointer}
.jq-journey-suggestions button:hover{border-color:rgba(229,193,111,.48);color:#ffe3a1}
.jq-journey-back{border:0;background:none;color:#d9bd79;padding:0;margin:0 0 25px;cursor:pointer;font-weight:700}
.jq-journey-list{display:grid;gap:15px;margin-top:28px}
.jq-journey-step{display:grid;grid-template-columns:180px 1fr;min-height:145px;border:1px solid rgba(226,190,111,.18);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.035);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.jq-journey-step.is-essential{border-color:rgba(226,190,111,.34);background:linear-gradient(90deg,rgba(210,164,75,.08),rgba(255,255,255,.025))}
.jq-journey-step-image{display:block;min-height:100%;background:#102b34}
.jq-journey-step-image img{width:100%;height:100%;object-fit:cover}
.jq-journey-step-copy{padding:18px 20px}
.jq-journey-step-meta{display:flex;gap:10px;text-transform:uppercase;letter-spacing:.12em;color:#d3b66f;font-size:9px;font-weight:800}
.jq-journey-step h3{font-family:var(--jq-serif);font-size:25px;line-height:1.08;margin:6px 0 7px;color:#fff1ce}
.jq-journey-step p{font-size:13px;line-height:1.45;color:#c6d3cf;margin:0 0 8px}
.jq-journey-step-link{font-size:12px;font-weight:800;color:#e8c874}
.jq-journey-loading{display:flex;align-items:center;gap:12px;padding:32px 0;color:#d9e5e0}
.jq-journey-loading span{width:23px;height:23px;border:2px solid rgba(234,198,112,.25);border-top-color:#eac670;border-radius:50%;animation:jqJourneySpin .75s linear infinite}
@keyframes jqJourneySpin{to{transform:rotate(360deg)}}
.jq-journey-error{padding:15px;border:1px solid rgba(221,119,100,.35);border-radius:10px;background:rgba(111,42,31,.20);color:#f2c0b5}
.jq-journey-step.is-entering{animation:jqJourneyIn .45s ease both}
@keyframes jqJourneyIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
body.jq-modal-open{overflow:hidden}

.jq-recent-journeys{display:grid;gap:8px}
.jq-recent-journey{display:flex;width:100%;align-items:flex-start;gap:8px;text-align:left;padding:10px 11px;border:1px solid rgba(226,190,111,.18);border-radius:9px;background:rgba(255,255,255,.035);color:inherit;cursor:pointer;line-height:1.35}
.jq-recent-journey span{color:#d9b55f}
.jq-recent-journey:hover{border-color:rgba(226,190,111,.42)}

@media(max-width:900px){
  .jq-nav-shell .jq-header-cta{display:inline-flex!important;margin:8px 0 0!important;padding:8px 14px!important;width:auto!important}
  .jq-journey-dialog{max-height:calc(100vh - 20px);border-radius:16px}
  .jq-journey-intro,.jq-journey-results{padding:48px 24px 30px}
  .jq-journey-step{grid-template-columns:130px 1fr}
}
@media(max-width:620px){
  .jq-journey-modal{padding:10px;align-items:flex-end}
  .jq-journey-dialog{width:100%;max-height:calc(100vh - 10px);border-radius:18px 18px 0 0}
  .jq-journey-close{top:8px;margin:8px 8px 0 0;width:37px;height:37px}
  .jq-journey-intro,.jq-journey-results{padding:42px 17px 24px}
  .jq-journey-intro h2,.jq-journey-results h2{font-size:36px}
  .jq-journey-form{grid-template-columns:1fr}
  .jq-journey-submit{grid-column:1;width:100%;padding:12px 16px}
  .jq-journey-step{grid-template-columns:1fr}
  .jq-journey-step-image{aspect-ratio:16/8}
  .jq-journey-step-copy{padding:15px}
  .jq-journey-step h3{font-size:23px}
  .jq-nav-shell .jq-header-cta{margin-top:7px!important}
}
.jq-home-journeys{padding:48px 0;background:#0a2028;color:#edf4ef;border-top:1px solid rgba(226,190,111,.12)}
.jq-home-journey-widget{max-width:850px;margin:0 auto}
.jq-home-journey-widget>h2{font-family:var(--jq-serif);font-size:34px;color:#f1daa0;margin:0 0 16px}
.jq-home-journey-widget .jq-recent-journeys{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.jq-home-journey-widget .jq-recent-journeys{grid-template-columns:1fr}.jq-home-journeys{padding:34px 0}}

/* v1.4 persistent journeys, recent journey showcase, email handoff */
.jq-home-journeys{
  position:relative;
  overflow:hidden;
  padding:72px 0 78px;
  background:
    radial-gradient(circle at 12% 22%,rgba(229,193,111,.11),transparent 24%),
    radial-gradient(circle at 88% 70%,rgba(74,151,157,.13),transparent 28%),
    linear-gradient(135deg,#07171e 0%,#0b2d35 52%,#081920 100%);
  color:#edf4ef;
  border-top:1px solid rgba(229,193,111,.14);
  border-bottom:1px solid rgba(229,193,111,.14);
}
.jq-home-journeys:before{
  content:'✦';position:absolute;right:-35px;top:-105px;font:400 370px/1 var(--jq-serif);
  color:rgba(229,193,111,.035);transform:rotate(13deg);pointer-events:none
}
.jq-home-journeys-head{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:50px;align-items:end;margin-bottom:30px}
.jq-home-journeys .jq-section-title{color:#fff0c8;margin-bottom:0}
.jq-home-journeys-head>p{margin:0 0 8px;color:#b9cbc6;line-height:1.55}
.jq-home-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jq-home-journey-card{
  position:relative;min-height:165px;padding:24px 23px 20px;text-align:left;cursor:pointer;
  border:1px solid rgba(229,193,111,.20);border-radius:14px;color:#f6eee0;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.12);transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.jq-home-journey-card:hover{transform:translateY(-4px);border-color:rgba(229,193,111,.52);background:linear-gradient(145deg,rgba(229,193,111,.09),rgba(255,255,255,.035))}
.jq-home-journey-number{display:block;margin-bottom:22px;color:#d9b55f;font:700 11px/1 var(--jq-sans);letter-spacing:.18em}
.jq-home-journey-card strong{display:block;font-family:var(--jq-serif);font-size:23px;line-height:1.15;color:#fff0c9;margin-bottom:16px}
.jq-home-journey-meta{display:block;color:#98aaa6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.jq-article-journey{
  margin:58px 0 34px;padding:28px;border:1px solid rgba(112,79,34,.24);border-radius:16px;
  background:#f2dfad url('assets/images/parchment-card.webp') center/cover no-repeat;
  box-shadow:0 16px 38px rgba(67,49,23,.10)
}
.jq-article-journey-head{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(112,79,34,.18)}
.jq-article-journey-head h2{font-family:var(--jq-serif);font-size:34px;line-height:1.05;margin:3px 0 6px;color:#211a10}
.jq-article-journey-head p{margin:0;color:#6c5637;font-size:14px;font-style:italic}
.jq-article-journey-list{display:grid;gap:10px}
.jq-article-journey .jq-journey-step{grid-template-columns:105px 1fr;min-height:105px;background:rgba(255,250,236,.48);border-color:rgba(104,72,29,.18);box-shadow:none;color:#262016}
.jq-article-journey .jq-journey-step-copy{padding:13px 15px}
.jq-article-journey .jq-journey-step h3{font-size:19px;color:#241b10;margin:4px 0 5px}
.jq-article-journey .jq-journey-step p{font-size:12px;color:#5d4b34;margin-bottom:5px}
.jq-article-journey .jq-journey-step-link{color:#8b6529}
.jq-article-journey .jq-journey-step.is-current{outline:2px solid rgba(169,124,48,.52);background:rgba(221,185,111,.18)}
.jq-article-journey .jq-journey-step.is-current .jq-journey-step-meta:before{content:'You are here · ';color:#684c22}

.jq-journey-email-card{
  margin-top:30px;padding:23px;border:1px solid rgba(229,193,111,.20);border-radius:14px;
  background:linear-gradient(145deg,rgba(229,193,111,.08),rgba(255,255,255,.025));
  display:grid;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.2fr);gap:25px;align-items:start
}
.jq-journey-email-card h3{font-family:var(--jq-serif);font-size:27px;color:#fff0cb;margin:2px 0 5px}
.jq-journey-email-card p{margin:0;color:#aebfba;font-size:13px}
.jq-journey-email-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.jq-journey-email-form input[type=email]{min-width:0;border:1px solid rgba(229,193,111,.28);border-radius:8px;background:rgba(3,12,16,.48);color:#fff;padding:12px 13px;outline:none}
.jq-journey-email-form input[type=email]:focus{border-color:#d7b45f;box-shadow:0 0 0 2px rgba(215,180,95,.12)}
.jq-journey-newsletter{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;color:#c5d1cd;font-size:12px;line-height:1.4;cursor:pointer}
.jq-journey-newsletter input{margin-top:2px}
.jq-journey-email-form .jq-journey-submit{padding:10px 14px;font-size:12px}
.jq-journey-email-status{grid-column:1/-1;min-height:1.35em;color:#e7cd8b;font-size:12px}
.jq-journey-email-form button:disabled{opacity:.55;cursor:wait}

#jq-jetpack-subscribe-bridge,#jq-jetpack-subscribe-frame{display:none!important;width:0!important;height:0!important;border:0!important}

@media(max-width:900px){
  .jq-home-journeys{padding:52px 0 58px}
  .jq-home-journeys-head{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
  .jq-home-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jq-journey-email-card{grid-template-columns:1fr}
}
@media(max-width:620px){
  .jq-home-journey-grid{grid-template-columns:1fr}
  .jq-home-journey-card{min-height:135px;padding:19px}
  .jq-home-journey-number{margin-bottom:15px}
  .jq-article-journey{margin:42px 0 25px;padding:18px}
  .jq-article-journey-head{display:block}
  .jq-article-journey-head .jq-button{margin-top:14px}
  .jq-article-journey .jq-journey-step{grid-template-columns:1fr}
  .jq-article-journey .jq-journey-step-image{aspect-ratio:16/8}
  .jq-journey-email-form{grid-template-columns:1fr}
  .jq-journey-email-form .jq-journey-submit{width:100%}
}

/* v1.3.1 Journey loading state fix */
.jq-journey-loading[hidden]{display:none!important}


/* v1.6 Recent journeys live inside the builder modal */
.jq-journey-recent-block{margin-top:20px;padding-top:17px;border-top:1px solid rgba(229,193,111,.13)}
.jq-journey-recent-label{margin-bottom:9px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#d8b963}
.jq-home-journeys{display:none!important}


/* SEO/navigation enhancements */
.jq-breadcrumbs{margin:0 0 26px;font-size:.84rem;color:rgba(38,49,45,.68)}
.jq-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0;padding:0;list-style:none}
.jq-breadcrumbs li{display:flex;gap:7px;align-items:center}
.jq-breadcrumbs a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(38,49,45,.22)}
.jq-breadcrumbs a:hover{color:#173d46;border-color:currentColor}
.jq-related-path{margin:44px 0 10px;padding:30px 0 8px;border-top:1px solid rgba(70,62,43,.22)}
.jq-related-path>h2{margin:.15rem 0 1rem;font-size:clamp(1.65rem,3vw,2.25rem)}
.jq-related-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jq-related-path-card{padding:20px;border:1px solid rgba(78,67,45,.2);border-radius:14px;background:rgba(255,250,232,.55);box-shadow:0 8px 24px rgba(67,53,29,.06)}
.jq-related-path-card h3{margin:.3rem 0 .55rem;font-size:1.1rem;line-height:1.25}
.jq-related-path-card h3 a{color:inherit;text-decoration:none}
.jq-related-path-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.jq-related-path-card p{margin:0;color:rgba(45,50,43,.77);font-size:.94rem;line-height:1.5}
.jq-related-path-meta{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:#6f5f3d;font-weight:700}
@media(max-width:760px){.jq-related-path-grid{grid-template-columns:1fr}.jq-breadcrumbs{margin-bottom:18px}.jq-related-path{margin-top:34px}}

/* Hide the generic SEO journey fallback when this reader already has a saved Journey. */
.jq-has-saved-journey .jq-related-path{display:none!important}

/* JesusQuest podcast pages: parchment/quest palette and fixed-header clearance */
.jq-podcast-plugin-page{min-height:75vh;background:var(--jq-paper);padding:120px 20px 75px;position:relative}
.jq-podcast-plugin-page::before{content:"";position:absolute;top:0;left:0;right:0;height:220px;background:linear-gradient(180deg,var(--jq-ink),#143744);pointer-events:none}
.jq-podcast-plugin-page>.jq-ph{position:relative;z-index:1}
@media(max-width:700px){.jq-podcast-plugin-page{padding:100px 12px 55px}}

/* Podcast pages use the same archive-hero and archive-body components as native JesusQuest archives. */
.jq-podcast-plugin-page{padding:0;background:var(--jq-paper)}
.jq-podcast-plugin-page::before{display:none}