/* Vitola BandWorks™ — Lounge Journal Rebuild
   This stylesheet is fully isolated to .lj-* classes. */
.lj-page{background:#100804;color:#2b170c}
.lj-hero{width:100%;aspect-ratio:1290/325;background:url("assets/journal-hero-mockup.jpg") center/cover no-repeat;border-bottom:1px solid #9b6a28}
.lj-parchment{position:relative;overflow:hidden;padding:0 0 54px;background-color:#d9b878;background-image:radial-gradient(circle at 16% 8%,rgba(255,255,255,.42),transparent 24%),radial-gradient(circle at 84% 23%,rgba(112,66,24,.16),transparent 30%),repeating-linear-gradient(0deg,rgba(74,40,10,.045) 0 1px,transparent 1px 4px),linear-gradient(115deg,#ead3a8,#d2ad72 49%,#e1c18b);box-shadow:inset 0 24px 34px rgba(70,36,9,.20),inset 0 -22px 36px rgba(54,27,8,.24)}
.lj-parchment:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(79,39,9,.10) 86%,rgba(53,24,5,.22) 100%),linear-gradient(90deg,rgba(62,28,5,.10),transparent 8%,transparent 92%,rgba(62,28,5,.10));mix-blend-mode:multiply}
.lj-wrap{position:relative;z-index:1;padding-top:30px}
.lj-intro{max-width:780px;margin:0 auto 38px;text-align:center;padding:20px 34px 24px;color:#28150a;background:rgba(246,229,196,.44)}
.lj-intro h1{margin:7px 0 13px;font-size:clamp(1.72rem,2.45vw,2.2rem);line-height:1.24;font-style:italic;letter-spacing:.01em}
.lj-intro p{max-width:680px;margin:.55rem auto;font-size:.98rem;line-height:1.55}.lj-intro .lj-thanks{font-family:Georgia,serif;font-style:italic}.lj-small-ornament{color:#9a631b}.lj-flourish{display:flex;align-items:center;justify-content:center;gap:12px;color:#9a631b}.lj-flourish span{width:78px;height:1px;background:linear-gradient(90deg,transparent,#9a631b)}.lj-flourish span:last-child{background:linear-gradient(90deg,#9a631b,transparent)}.lj-flourish.bottom{margin-top:16px}
.lj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.lj-card{position:relative;display:flex;flex-direction:column;min-height:590px;padding:26px 24px 16px;background-color:#ead3a9;background-image:radial-gradient(circle at 18% 8%,rgba(255,255,255,.40),transparent 28%),repeating-linear-gradient(0deg,rgba(84,48,18,.045) 0 1px,transparent 1px 5px),linear-gradient(145deg,#f1dfbc,#dfbd80);border:1px solid #a87531;box-shadow:0 14px 24px rgba(68,35,8,.24),inset 0 0 30px rgba(112,63,18,.10);outline:1px solid rgba(255,247,224,.55);outline-offset:-7px;text-align:center}
.lj-card:before,.lj-card:after{content:"";position:absolute;width:24px;height:24px;border-color:rgba(127,78,25,.35)}.lj-card:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.lj-card:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
.lj-card-number{font:small-caps .82rem Georgia,serif;letter-spacing:.08em}.lj-stars{margin:7px 0;color:#b67517;font-size:1.45rem;letter-spacing:.12em}.lj-seal{width:88px;height:88px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;grid-template-rows:1fr auto 1fr;color:#efc568;background:radial-gradient(circle at 40% 30%,#70451c,#2a1209 74%);border:5px double #c68c2f;box-shadow:0 0 0 2px #2b150a,0 8px 15px rgba(0,0,0,.38);font-family:Georgia,serif;text-transform:uppercase}.lj-seal strong{font-size:1.8rem;line-height:.9}.lj-seal span{font-size:.43rem;letter-spacing:.14em}.seal-top{align-self:end}.seal-bottom{align-self:start}
.lj-card h2{margin:0;font-size:1.55rem;font-style:italic;line-height:1.18;color:#351c0d}.lj-rule{width:70%;height:1px;margin:8px auto 9px;background:linear-gradient(90deg,transparent,#8a5a22,transparent)}.lj-name{margin:.2rem 0 .75rem;line-height:1.35}.lj-name em{font-family:Georgia,serif}.lj-card blockquote{margin:0 0 18px;font-family:Georgia,serif;font-size:.96rem;font-style:italic;line-height:1.48;text-align:center}.lj-meta{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:13px 0 8px;border-top:1px solid rgba(137,89,31,.45);font-size:.68rem;line-height:1.25}.lj-meta span+span{border-left:1px solid rgba(137,89,31,.38)}.lj-meta small{display:block;margin-bottom:4px;font-size:.49rem;text-transform:uppercase;letter-spacing:.06em}.lj-card-note{margin:8px -10px -2px;padding-top:9px;border-top:1px solid rgba(137,89,31,.32);font-family:Georgia,serif;font-size:.73rem;font-style:italic;color:#6d431b}
.lj-more{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 34px}.lj-more span{width:min(150px,15vw);height:1px;background:linear-gradient(90deg,transparent,#9a631b)}.lj-more span:last-child{background:linear-gradient(90deg,#9a631b,transparent)}.lj-more a,.lj-submit,.lj-commission-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c18a36;background:linear-gradient(#2b160a,#160b06);color:#f3d49a;padding:.82rem 1.55rem;font-family:Georgia,serif;box-shadow:inset 0 0 0 2px #4a260e,0 7px 14px rgba(0,0,0,.28)}
.lj-share{position:relative;display:grid;grid-template-columns:1fr .85fr 1fr;gap:28px;padding:28px;background:rgba(239,216,174,.58);border:1px solid #a87531;box-shadow:0 14px 27px rgba(68,35,8,.20),inset 0 0 28px rgba(112,63,18,.08);outline:1px solid rgba(255,247,224,.45);outline-offset:-7px}.lj-share-copy{position:relative}.lj-quill{float:left;margin:0 12px 2px 0;font-size:2.2rem;color:#8a561f}.lj-share-copy h2{margin:.12rem 0 .55rem;font-size:2rem}.lj-share-copy p{font-size:.92rem;line-height:1.5}.lj-share-copy img{width:100%;height:135px;margin-top:14px;object-fit:cover;object-position:center bottom;opacity:.48;filter:sepia(.65) contrast(.85);mix-blend-mode:multiply}.lj-fields,.lj-story{display:flex;flex-direction:column;gap:10px}.lj-fields>label,.lj-story>label{text-align:center;text-transform:uppercase;font-size:.67rem;letter-spacing:.04em}.lj-fields>input,.lj-story textarea{width:100%;padding:11px 12px;border:1px solid #a87c46;background:rgba(255,250,239,.74);color:#2a170c;box-shadow:inset 0 2px 6px rgba(62,30,6,.08)}.lj-story textarea{min-height:190px;resize:vertical}.rating{display:flex;flex-direction:row-reverse;justify-content:center}.rating input{position:absolute;opacity:0}.rating label{font-size:2.05rem;color:#ad8b5c;cursor:pointer}.rating input:checked~label,.rating label:hover,.rating label:hover~label{color:#ba7819}.upload{display:flex!important;flex-direction:column;gap:7px}.upload input{position:absolute;opacity:0;pointer-events:none}.upload-box{display:flex;min-height:105px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px dashed #9e713b;background:rgba(255,249,236,.22);font-family:Georgia,serif;text-transform:none;font-size:1.45rem;cursor:pointer}.upload-box b{font-size:.85rem}.upload-box small{font:normal .67rem Arial,sans-serif;line-height:1.35}.lj-submit{margin-top:auto;font-size:1.05rem}.trap{position:absolute;left:-9999px}
.lj-continue{padding:24px 0 18px;background-color:#170b05;background-image:radial-gradient(circle at 77% 22%,rgba(94,50,17,.30),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(#1d0e06,#0e0704);color:#f3e4ce;border-top:1px solid #9d6b28}.lj-continue-inner{min-height:260px;display:grid;grid-template-columns:1.05fr 1.25fr .75fr;align-items:center;gap:28px;padding:0;border:1px solid #8f5d21;box-shadow:inset 0 0 0 5px rgba(193,138,54,.09)}.lj-continue-image{align-self:stretch;min-height:260px;background:linear-gradient(90deg,rgba(16,8,4,.08),rgba(16,8,4,.78)),url('assets/lounge.jpg') center/cover no-repeat}.lj-continue-copy{padding:26px 0}.lj-continue-copy h2{margin:0 0 8px;color:#e8bf70;font-size:2.15rem}.lj-continue-copy p{margin:.4rem 0;line-height:1.45}.lj-gold-copy{color:#d5a34c;font-family:Georgia,serif;font-size:1.12rem}.lj-commission-btn{margin-right:26px;text-align:center}.lj-disclaimer{max-width:880px;margin:16px auto 0;padding:0 4%;text-align:center;font-family:Georgia,serif;font-size:.78rem;color:#d7c4aa}
@media(max-width:1000px){.lj-grid{gap:18px}.lj-card{padding:22px 18px}.lj-share{grid-template-columns:1fr 1fr}.lj-story{grid-column:1/-1}.lj-continue-inner{grid-template-columns:.9fr 1.1fr}.lj-commission-btn{grid-column:1/-1;margin:0 auto 24px}.lj-continue-image{grid-row:1/2}.lj-continue-copy{padding-right:24px}}
@media(max-width:820px){.lj-hero{aspect-ratio:1290/420}.lj-grid{grid-template-columns:1fr}.lj-card{min-height:0;max-width:620px;margin:auto}.lj-share{grid-template-columns:1fr}.lj-story{grid-column:auto}.lj-continue-inner{grid-template-columns:1fr}.lj-continue-image{min-height:220px}.lj-continue-copy{padding:0 28px}.lj-commission-btn{margin-bottom:26px}}
@media(max-width:580px){.lj-hero{min-height:240px;background-position:center}.lj-wrap{padding-top:18px}.lj-intro{padding:16px 10px 20px;margin-bottom:24px}.lj-intro h1{font-size:1.45rem}.lj-intro p{font-size:.9rem}.lj-card{padding:20px 15px 14px}.lj-meta{grid-template-columns:1fr}.lj-meta span+span{border-left:0;border-top:1px solid rgba(137,89,31,.25);padding-top:7px}.lj-share{padding:21px 16px}.lj-more span{display:none}.lj-continue-copy h2{font-size:1.8rem}}

/* ==============================================================
   Founder Edition v2.1 — Approved Sketch Corrections
   Isolated to the Lounge Journal page only.
   ============================================================== */

/* Keep the shared menu bar perfectly aligned without changing styles.css. */
body.lounge-journal-page .site-header .nav{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
body.lounge-journal-page .site-header .brand,
body.lounge-journal-page .site-header .links,
body.lounge-journal-page .site-header .links>a{
  align-items:center;
}
body.lounge-journal-page .site-header .links{
  display:flex;
  line-height:1;
}
body.lounge-journal-page .site-header .links>a:not(.btn){
  display:inline-flex;
  min-height:48px;
  justify-content:center;
}
body.lounge-journal-page .site-header .nav-cta{
  min-height:48px;
  margin:0;
  white-space:nowrap;
  line-height:1.15;
}

/* Approved hero: no parchment quote panel; title scales as one image. */
.lj-hero{
  width:100%;
  aspect-ratio:auto;
  min-height:0;
  background:none;
  border-bottom:1px solid #9b6a28;
  overflow:hidden;
}
.lj-hero img{
  display:block;
  width:100%;
  height:auto;
}

/* Continue the Story now begins with copy, with no unrelated left image. */
.lj-continue-inner{
  min-height:220px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  padding:34px 38px;
}
.lj-continue-copy{
  padding:0;
  max-width:760px;
}
.lj-commission-btn{
  margin:0;
  white-space:nowrap;
}

@media(max-width:1000px){
  body.lounge-journal-page .site-header .links{gap:12px}
  .lj-continue-inner{grid-template-columns:1fr;gap:22px}
  .lj-commission-btn{margin:0 auto}
}
@media(max-width:820px){
  body.lounge-journal-page .site-header .links{
    display:none;
    line-height:1.3;
  }
  body.lounge-journal-page .site-header .links.open{display:flex}
  .lj-hero img{width:100%;height:auto}
  .lj-continue-copy{padding:0}
}
@media(max-width:580px){
  .lj-hero img{
    width:112%;
    max-width:none;
    margin-left:-6%;
  }
  .lj-continue-inner{padding:28px 20px}
}


/* ==============================================================
   Founder Edition v2.2 — FINAL NAVIGATION ALIGNMENT LOCK
   Scope: desktop navigation alignment on Lounge Journal only.
   No Journal content, hero, cards, form, footer, or global styles changed.
   ============================================================== */
@media (min-width:821px){
  body.lounge-journal-page .site-header .links{
    display:flex;
    align-items:center;
    height:48px;
    line-height:1;
  }
  body.lounge-journal-page .site-header .links > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:48px;
    min-height:48px;
    margin:0;
    padding-top:0;
    padding-bottom:0;
    line-height:1;
    vertical-align:middle;
  }
  body.lounge-journal-page .site-header .links > a.btn.nav-cta{
    height:48px;
    min-height:48px;
    padding:0 1.38rem;
  }
}


/* ==============================================================
   Founder Edition v2.2.1 — NAVIGATION ALIGNMENT HOTFIX
   Only affects the Lounge Journal desktop header.
   ============================================================== */
@media (min-width:821px){
  body.lounge-journal-page .site-header .nav{
    display:flex;
    align-items:center;
  }
  body.lounge-journal-page .site-header .links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    height:48px;
    margin:0;
    padding:0;
  }
  body.lounge-journal-page .site-header .links > a,
  body.lounge-journal-page .site-header .links > a.btn.nav-cta{
    position:static;
    top:auto;
    bottom:auto;
    transform:none;
    align-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    height:48px;
    min-height:48px;
    margin:0;
    padding-top:0;
    padding-bottom:0;
    line-height:1;
    white-space:nowrap;
    vertical-align:middle;
  }
  body.lounge-journal-page .site-header .links > a.btn.nav-cta{
    padding-left:1.38rem;
    padding-right:1.38rem;
  }
}


/* Founder Edition v2.4 — form enhancement and mobile hero visibility only. */
.lj-share-enhanced{grid-template-columns:.9fr 2.1fr;align-items:stretch}
.lj-form-main{display:flex;flex-direction:column;gap:22px}
.lj-core-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lj-core-fields>label,.lj-rating-field,.lj-optional-grid>label{display:flex;flex-direction:column;gap:7px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.lj-core-fields input,.lj-optional-grid input,.lj-optional-grid select{width:100%;padding:11px 12px;border:1px solid #a87c46;background:rgba(255,250,239,.74);color:#2a170c;box-shadow:inset 0 2px 6px rgba(62,30,6,.08);text-transform:none;font-weight:400;letter-spacing:0}
.lj-rating-field{grid-column:1/-1;align-items:flex-start}.lj-rating-field .rating{justify-content:flex-end}
.lj-optional-heading{display:flex;align-items:center;justify-content:center;gap:12px}.lj-optional-heading span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#9a631b)}.lj-optional-heading span:last-child{background:linear-gradient(90deg,#9a631b,transparent)}
.lj-optional-heading h3{margin:0;text-align:center;font:700 .84rem Georgia,serif;text-transform:uppercase;letter-spacing:.05em;color:#3b210f;white-space:nowrap}.lj-optional-heading h3 small{font-size:.82em;font-weight:400}
.lj-optional-details>p{margin:8px auto 14px;text-align:center;font-family:Georgia,serif;font-size:.82rem;color:#5a3517}
.lj-optional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lj-table-name{grid-column:1/-1}
.lj-story-row{display:grid;grid-template-columns:.72fr 1.45fr;gap:18px;align-items:stretch}.lj-story-row .upload{height:100%}.lj-story-row .upload-box{flex:1;min-height:150px}.lj-story-row .lj-story textarea{min-height:150px}
@media(max-width:1000px){.lj-share-enhanced{grid-template-columns:1fr 1.8fr}.lj-core-fields,.lj-optional-grid{grid-template-columns:1fr 1fr}.lj-core-fields>label:last-child,.lj-table-name{grid-column:1/-1}}
@media(max-width:820px){.lj-share-enhanced{grid-template-columns:1fr}.lj-story-row{grid-template-columns:1fr}}
@media(max-width:580px){.lj-core-fields,.lj-optional-grid{grid-template-columns:1fr}.lj-core-fields>label:last-child,.lj-table-name{grid-column:auto}.lj-optional-heading h3{white-space:normal}.lj-optional-heading span{min-width:22px}.lj-hero img{width:100%!important;max-width:100%!important;margin-left:0!important;height:auto!important;object-fit:contain!important;object-position:center center!important}}