/* The Inner Lodge: community.talosha.com
   The presentation and layout come from the Order of Talosha's free-community page,
   ported from a Wix custom element to a plain static page. */

:root { color-scheme: dark; --bg: #0b1626; --header: var(--talosha-header-h, 84px); }
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--bg); scrollbar-color: rgba(143,176,220,.35) #08121c; scrollbar-width: thin; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100svh; background: var(--bg); color: #E3E9F3; font-family: "EB Garamond", Georgia, serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
talosha-header { display: block; height: 0; }
a { color: inherit; }
:focus-visible { outline: 2px solid #8FB0DC; outline-offset: 4px; border-radius: 6px; }

/* ---- the presentation (ported from community-free.js) ---- */

.community-free{display:block;width:100%;box-sizing:border-box;--line:rgba(143,176,220,.2);--line2:rgba(143,176,220,.1);--acc:#8FB0DC;--acc2:#A9C4E8;--text:#E3E9F3;--soft:#C9D3E3;--head:#F1F4FA;--muted:#93A8C6;--ease:cubic-bezier(.23,1,.32,1);font-family:"EB Garamond",Georgia,serif;color:var(--text);}
.community-free *{box-sizing:border-box;}
.community-free ::selection{background:rgba(143,176,220,.32);color:#fff;}
.community-free .cf{container-type:inline-size;position:relative;overflow:hidden;padding-bottom:clamp(48px,6cqi,96px);}
.community-free .wrap{position:relative;max-width:1180px;margin:0 auto;padding:0 clamp(16px,5cqi,56px);}
.community-free .sky{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 520px at 50% 0,rgba(143,176,220,.10),transparent 70%),
  radial-gradient(2px 2px at 12% 22%,rgba(223,233,247,.55),transparent 60%),
  radial-gradient(1.5px 1.5px at 78% 14%,rgba(223,233,247,.45),transparent 60%),
  radial-gradient(1.5px 1.5px at 64% 48%,rgba(223,233,247,.35),transparent 60%),
  radial-gradient(2px 2px at 22% 66%,rgba(223,233,247,.4),transparent 60%),
  radial-gradient(1.5px 1.5px at 88% 72%,rgba(223,233,247,.35),transparent 60%),
  radial-gradient(1.5px 1.5px at 40% 88%,rgba(223,233,247,.3),transparent 60%);}

/* Hero + planet + quote. Desktop: text left, planet centred in the right half
   at the text's height, quote centred full width below (symmetric). Phone
   layout is in the 860px container query further down. */
.community-free .ic{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5cqi,72px);align-items:center;padding:clamp(32px,4cqi,55px) 0 clamp(40px,6cqi,80px);}
.community-free .ic-text{position:relative;z-index:2;max-width:560px;grid-column:1;grid-row:1;}
.community-free .kick-h{margin:0;font-family:Cinzel,serif;font-weight:500;font-size:clamp(36px,5cqi,64px);line-height:1.06;letter-spacing:.015em;color:var(--head);text-wrap:balance;}
.community-free .ic-text p{margin:24px 0 0;max-width:46ch;font-size:clamp(19px,1.9cqi,22px);line-height:1.6;color:var(--soft);text-wrap:pretty;}
.community-free .ic-text p b{color:var(--head);font-weight:600;}
.community-free .hero-cta{margin-top:34px;}
.community-free .sig{display:flex;align-items:center;gap:14px;margin-top:28px;font-family:Cinzel,serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);}
.community-free .sig i{display:block;width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--acc));}
.community-free .globe{position:relative;grid-column:2;grid-row:1;justify-self:center;width:min(100%,500px);aspect-ratio:1/1;z-index:0;}
.community-free .globe-glow{width:100%;height:100%;border-radius:50%;}
.community-free .globe img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;}
.community-free .quote{position:relative;z-index:2;grid-column:1 / -1;width:min(100%,920px);justify-self:center;margin:clamp(48px,6cqi,72px) 0 0;text-align:center;padding:clamp(28px,4cqi,44px) clamp(24px,5cqi,56px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,27,46,.92),rgba(15,27,46,.8));box-shadow:0 24px 60px -20px rgba(3,8,18,.7);}
.community-free .quote blockquote{margin:0;font-style:italic;font-size:clamp(21px,2.5cqi,29px);line-height:1.45;color:var(--head);text-wrap:balance;}
.community-free .quote blockquote b{font-style:normal;font-weight:600;color:var(--acc2);}
.community-free .quote cite{display:block;margin-top:18px;text-align:center;font-family:Cinzel,serif;font-style:normal;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);}

/* Film (only when video-src is set). */
.community-free .film{padding:clamp(56px,8cqi,104px) 0 0;text-align:center;}
.community-free .film[hidden]{display:none;}
.community-free .film h2{margin:0 0 clamp(22px,3cqi,34px);font-family:Cinzel,serif;font-weight:500;font-size:clamp(28px,3.6cqi,44px);line-height:1.12;color:var(--head);text-wrap:balance;}
.community-free .film h2 em{font-style:normal;color:var(--acc2);}
.community-free .frame{max-width:920px;margin:0 auto;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(15,27,46,.6);box-shadow:0 30px 70px -24px rgba(3,8,18,.8);}
.community-free .frame video{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:#050A14;object-fit:cover;}

/* Manifesto. */
.community-free .mani{padding:clamp(72px,10cqi,128px) 0 clamp(24px,4cqi,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5cqi,80px);align-items:start;}
.community-free .mani h2{margin:0;font-family:Cinzel,serif;font-weight:500;font-size:clamp(30px,4.2cqi,50px);line-height:1.12;color:var(--head);text-wrap:balance;}
.community-free .mani h2 em{font-style:normal;color:var(--acc2);}
.community-free .mani .txt p{margin:0 0 20px;font-size:clamp(19px,1.9cqi,22px);line-height:1.62;color:var(--soft);text-wrap:pretty;}
.community-free .mani .txt p.last{margin:32px 0 0;font-family:Cinzel,serif;font-size:clamp(17px,1.6cqi,19px);letter-spacing:.08em;color:var(--head);}

/* What the circle holds. */
.community-free .holds{padding:clamp(48px,7cqi,88px) 0;}
.community-free .holds h3{margin:0 0 28px;text-align:center;font-family:Cinzel,serif;font-weight:500;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);}
.community-free .holds ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);}
.community-free .holds li{padding:28px 22px;border-left:1px solid var(--line2);}
.community-free .holds li:first-child{border-left:0;}
.community-free .holds svg{width:30px;height:30px;color:var(--acc);}
.community-free .holds b{display:block;margin-top:14px;font-family:Cinzel,serif;font-weight:500;font-size:17px;line-height:1.3;color:var(--head);}
.community-free .holds span{display:block;margin-top:8px;font-size:17px;line-height:1.5;color:var(--muted);}

/* Closing join block. */
.community-free .offer{position:relative;padding:clamp(40px,6cqi,72px) 0 clamp(48px,6cqi,72px);text-align:center;}
.community-free .offer .glow{position:absolute;left:50%;top:0;width:min(760px,100%);height:100%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(143,176,220,.12),transparent);pointer-events:none;}
.community-free .offer h2{position:relative;margin:0;font-family:Cinzel,serif;font-weight:500;font-size:clamp(34px,5cqi,58px);line-height:1.1;color:var(--head);text-wrap:balance;}
.community-free .offer h2 em{font-style:normal;color:var(--acc2);}
.community-free .offer .sub{position:relative;max-width:40ch;margin:14px auto 0;font-style:italic;font-size:clamp(20px,2.2cqi,24px);line-height:1.5;color:var(--soft);text-wrap:balance;}
.community-free .offer .sub b{font-style:normal;font-weight:600;color:var(--head);}
.community-free .free{position:relative;display:inline-flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px;padding:14px 26px;border:1px solid var(--line);border-radius:999px;background:rgba(143,176,220,.05);}
.community-free .free strong{font-family:Cinzel,serif;font-weight:600;font-size:clamp(20px,2.4cqi,28px);color:var(--head);letter-spacing:.02em;}
.community-free .free span{font-size:18px;color:var(--muted);}

.community-free .cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(440px,100%);padding:20px 34px;border:1px solid var(--acc);border-radius:14px;background:linear-gradient(180deg,#9CBDE6,#7FA2D2);color:#0A1322;font-family:Cinzel,serif;font-weight:600;font-size:clamp(18px,2cqi,22px);letter-spacing:.06em;cursor:pointer;box-shadow:0 14px 34px -12px rgba(143,176,220,.55);transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s ease;}
.community-free .offer .cta{margin-top:40px;}
.community-free .hero-cta .cta{min-width:0;padding:16px 28px;font-size:17px;}
.community-free .cta svg{width:20px;height:20px;transition:transform .25s var(--ease);}
.community-free .cta:active{transform:scale(.985);}
@media (hover:hover) and (pointer:fine){
  .community-free .cta:hover{filter:brightness(1.06);box-shadow:0 18px 40px -12px rgba(143,176,220,.7);}
  .community-free .cta:hover svg{transform:translateX(3px);}
}
.community-free .fine{position:relative;max-width:560px;margin:18px auto 0;font-style:italic;font-size:15.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
.community-free button:focus-visible{outline:2px solid var(--acc);outline-offset:4px;}

.community-free .rv{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.community-free .rv.on{opacity:1;transform:none;}

@media (prefers-reduced-motion:no-preference){
  .community-free .globe{animation:cf-float 7s ease-in-out infinite;}
  .community-free .globe-glow{animation:cf-glow 5s ease-in-out infinite;}
}
@media (prefers-reduced-motion:reduce){.community-free .rv{opacity:1;transform:none;transition:none;}}
@keyframes cf-float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-14px) rotate(1deg);}}
@keyframes cf-glow{0%,100%{box-shadow:0 0 25px 2px rgba(140,110,230,.35),0 0 49px 6px rgba(80,90,200,.18);}50%{box-shadow:0 0 35px 3px rgba(160,120,240,.5),0 0 63px 8px rgba(90,100,220,.28);}}

@container (max-width:860px){
  .community-free .ic{display:block;min-height:0;text-align:center;}
  .community-free .ic-text{max-width:none;}
  .community-free .ic-text p{margin-left:auto;margin-right:auto;}
  .community-free .sig{justify-content:center;}
  .community-free .globe{position:relative;right:auto;bottom:auto;width:78%;max-width:420px;margin:36px auto 0;left:12%;z-index:1;}
  .community-free .quote{width:100%;margin:-28px 0 0;text-align:center;}
  .community-free .quote cite{text-align:center;}
  .community-free .mani{grid-template-columns:1fr;text-align:center;}
  .community-free .holds ul{grid-template-columns:1fr 1fr;}
  .community-free .holds li:nth-child(3){border-left:0;}
  .community-free .holds li:nth-child(n+3){border-top:1px solid var(--line2);}
}
@container (max-width:520px){
  .community-free .ic{padding:24px 0 32px;}
  .community-free .kick-h{font-size:30px;}
  .community-free .ic-text p{margin-top:16px;font-size:16.5px;line-height:1.55;}
  .community-free .sig{margin-top:20px;font-size:11px;letter-spacing:.16em;}
  .community-free .hero-cta{margin-top:24px;}
  .community-free .globe{margin-top:24px;}
  .community-free .quote{padding:22px 18px;border-radius:14px;}
  .community-free .quote blockquote{font-size:17.5px;}
  .community-free .quote cite{margin-top:12px;font-size:11px;}
  .community-free .film{padding-top:44px;}
  .community-free .film h2{font-size:24px;margin-bottom:16px;}
  .community-free .mani{padding:48px 0 16px;gap:18px;}
  .community-free .mani h2{font-size:25px;}
  .community-free .mani .txt p{font-size:16.5px;line-height:1.55;margin-bottom:14px;}
  .community-free .mani .txt p.last{margin-top:20px;font-size:14px;}
  .community-free .offer{padding:28px 0 36px;}
  .community-free .offer h2{font-size:29px;}
  .community-free .offer .sub{font-size:17px;}
  .community-free .free{margin-top:20px;padding:10px 18px;gap:10px;}
  .community-free .free strong{font-size:18px;}
  .community-free .free span{font-size:15px;}
  .community-free .offer .cta{margin-top:26px;}
  .community-free .cta,.community-free .hero-cta .cta{font-size:16px;padding:15px 18px;}
  .community-free .holds{padding:36px 0;}
  .community-free .holds h3{margin-bottom:18px;font-size:12px;}
  .community-free .holds li{padding:18px 12px;text-align:center;}
  .community-free .holds svg{width:24px;height:24px;}
  .community-free .holds b{margin-top:10px;font-size:15px;}
  .community-free .holds span{margin-top:6px;font-size:14.5px;line-height:1.4;}
  .community-free .cta,.community-free .hero-cta .cta{width:100%;min-width:0;}
  .community-free .frame{padding:6px;border-radius:14px;}
  .community-free .frame video{border-radius:9px;}
}

/* ---- adjustments for the static page ---- */
.community-free .cf { padding-top: var(--header); }
.community-free a.cta { text-decoration: none; color: inherit; }
.community-free a.cta:focus-visible { outline-offset: 5px; border-radius: 14px; }
.community-free .rv { transition-delay: 0s; }

/* ---- footer ---- */
.foot { padding: clamp(36px, 6vh, 64px) clamp(16px, 5vw, 56px) 36px; border-top: 1px solid rgba(143,176,220,.14); background: #08121c;
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px 32px; font-family: "Barlow", system-ui, sans-serif; }
.foot__voice { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: clamp(1.2rem, 1.8vw, 1.5rem); color: #F1F4FA; }
.foot__legal { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.foot__legal a { font: 500 12.5px/1 "Barlow", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #93a6ba; text-decoration: none; padding: 6px 0; transition: color .25s; }
.foot__legal a:hover { color: #F1F4FA; }
.foot__small { margin: 0; font: 500 12.5px/1 "Barlow", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #93a6ba; }