@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500&display=swap');
/* updated 2026 0906 1641 */
:root{
  --bg:#02070a; --bg2:#050b0f; --gold:#d2aa5d; --gold-soft:#e2c487;
  --ivory:#efe5d4; --muted:#aaa297; --line:rgba(210,170,93,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ivory);font-family:Montserrat,Arial,sans-serif;line-height:1.65;
  background:
    radial-gradient(circle at 18% 14%,rgba(43,67,89,.18),transparent 28%),
    radial-gradient(circle at 82% 17%,rgba(46,62,77,.14),transparent 27%),
    radial-gradient(circle at 60% 67%,rgba(32,45,57,.12),transparent 35%),
    linear-gradient(180deg,#020609 0%,#04090d 42%,#020608 100%);
  overflow-x:hidden;

  background:
    #04080b
    url('assets/shutterstock_666124573_b&w.jpg')
    center top / cover
    fixed
    no-repeat;
}
body:before,body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
}
body:before{
  background-image:
    radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(210,170,93,.52) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(255,255,255,.32) 0 .7px,transparent 1px);
  background-size:137px 137px,211px 211px,89px 89px;
  background-position:11px 17px,57px 33px,3px 61px;
  opacity:.45;
}
body:after{
  background:
    radial-gradient(ellipse at 13% 27%,rgba(62,91,119,.08),transparent 31%),
    radial-gradient(ellipse at 88% 32%,rgba(56,78,96,.07),transparent 34%);
  filter:blur(18px);
}
a{color:inherit;text-decoration:none}

.site-header{
  position:sticky;top:0;z-index:30;height:70px;display:flex;align-items:center;justify-content:space-between;
  padding:0 2.2vw;background:rgba(2,5,8,.94);border-bottom:1px solid rgba(210,170,93,.17);
  backdrop-filter:blur(13px);
}
.brand{
  font-family:"Cormorant Garamond",serif;color:var(--gold-soft);font-size:27px;letter-spacing:.075em;
}
.site-header nav{display:flex;align-items:center;gap:31px;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.site-header nav a{padding:25px 0 20px;border-bottom:1px solid transparent}
.site-header nav a:hover,.site-header nav a.active{color:var(--gold-soft);border-color:var(--gold)}
.menu-toggle{display:none;border:0;background:none;color:var(--ivory);font-size:25px}

.hero{
  min-height:710px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;overflow:hidden;
  padding:42px 6vw 32px;border-bottom:1px solid rgba(210,170,93,.17);
}
.cosmic-geometry{
  position:absolute;left:2.5vw;top:4%;width:min(49vw,700px);opacity:.55;filter:drop-shadow(0 0 10px rgba(210,170,93,.11));
}
.cosmic-geometry svg{display:block;width:100%;height:auto}
.tree-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:610px;z-index:2}
.tree-halo{
  position:absolute;width:63%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(224,192,118,.29) 0%,rgba(210,170,93,.10) 36%,transparent 69%);
  filter:blur(10px);
}
.tree-wrap img{
  position:relative;z-index:2;width:min(75%,600px);height:auto;
  filter:drop-shadow(0 0 9px rgba(237,207,147,.45)) drop-shadow(0 0 28px rgba(210,170,93,.23));
}
.hero-copy{text-align:center;max-width:620px;margin:auto;z-index:3}
h1,h2,h3,blockquote p,.brand{font-family:"Cormorant Garamond",serif}
h1{font-size:clamp(70px,7vw,108px);font-weight:500;line-height:.84;margin:0;color:#f2e5cf;letter-spacing:.01em}
.kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--gold);font-size:15px;line-height:1.75;margin:22px 0}
.hero-text{font-family:"Cormorant Garamond",serif;color:#d8d0c3;font-size:21px;line-height:1.55}
.ornament{display:flex;justify-content:center;align-items:center;gap:10px;margin:24px auto}
.ornament i{display:block;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.ornament i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.ornament b{color:var(--gold);font-weight:400}.ornament.small{margin:8px auto 18px}.ornament.small i{width:43px}
.button{
  display:inline-block;margin-top:13px;padding:12px 29px;border:1px solid var(--gold);color:var(--gold-soft);
  text-transform:uppercase;font-size:10px;letter-spacing:.14em;transition:.22s;
}
.button:hover{background:rgba(210,170,93,.08);box-shadow:0 0 20px rgba(210,170,93,.10)}

.section{padding:56px 5vw}
.explore{background:linear-gradient(180deg,rgba(3,8,11,.86),rgba(4,9,12,.96));text-align:center}
.section-title{
  margin:0;font-family:"Cormorant Garamond",serif;font-weight:500;text-transform:uppercase;
  letter-spacing:.12em;color:var(--gold-soft);font-size:35px;
}
.section-title.left{text-align:left}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1390px;margin:15px auto 0}
.path-grid article{
  min-height:340px;padding:27px 22px 24px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(5,11,14,.70),rgba(4,9,12,.88));
  display:flex;flex-direction:column;align-items:center;
}
.path-icon{display:block;width:92px;height:92px;object-fit:contain;margin-bottom:10px}
.tarot-icon{width:80px}
.path-grid h3{font-size:33px;font-weight:500;line-height:1.0;margin:8px 0 14px;color:#eadcc5}
.path-grid p{font-family:"Cormorant Garamond",serif;font-size:18px;color:#bbb2a6;margin:0}
.path-grid a{margin-top:auto;padding-top:23px;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.13em}

.go_deeper{
  display:grid;grid-template-columns:.95fr 1.2fr;gap:8vw;align-items:center;
  background:linear-gradient(180deg,rgba(3,8,11,.95),rgba(2,7,10,.96));
}
.go_deeper-copy p{max-width:620px;color:#beb6ab}.gold-rule{width:220px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:10px 0 22px}
blockquote{
  margin:0;padding:48px 42px;position:relative;text-align:center;border:1px solid rgba(210,170,93,.30);
  background:rgba(4,9,12,.54);
}
blockquote p{font-size:35px;line-height:1.45;color:var(--gold-soft);letter-spacing:.03em;margin:0}
.quote-mark{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font:74px Georgia,serif;color:rgba(210,170,93,.22)}
blockquote cite{font-style:normal;font-family:"Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}

.journey{text-align:center;background:linear-gradient(180deg,rgba(5,11,14,.95),rgba(3,8,11,.97));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey p{font-family:"Cormorant Garamond",serif;font-size:19px;color:#b9b1a6;margin:6px 0 3px}

footer{
  display:grid;grid-template-columns:1.5fr repeat(3,1fr) .6fr;gap:42px;padding:38px 4vw 22px;
  background:#020608;color:#8e8a84;font-size:10px;
}
footer strong{display:block;font-family:"Cormorant Garamond",serif;color:var(--gold-soft);font-size:22px;letter-spacing:.08em;text-transform:uppercase}
footer span{display:block;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
footer a{display:block;margin:3px 0}.footer-symbol{width:82px;align-self:center;justify-self:center}.footer-symbol svg{width:100%}
footer small{grid-column:1/-1;text-align:center;margin-top:9px;color:#666}

@media(max-width:1000px){
  .site-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 4vw;background:#03080b;flex-direction:column;align-items:flex-start}
  .site-header nav.open{display:flex}.menu-toggle{display:block}
  .hero{grid-template-columns:1fr;padding-top:25px}.tree-wrap{min-height:470px}.cosmic-geometry{width:80vw;left:10vw}
  .tree-wrap img{width:min(66vw,520px)}
  .path-grid{grid-template-columns:1fr 1fr}.go_deeper{grid-template-columns:1fr}.go_deeper-copy{text-align:center}.section-title.left{text-align:center}.gold-rule{margin-left:auto;margin-right:auto}
  footer{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .brand{font-size:20px}.hero{padding-left:5vw;padding-right:5vw}.tree-wrap{min-height:350px}.tree-wrap img{width:min(80vw,440px)}
  h1{font-size:62px}.section{padding:48px 5vw}.section-title{font-size:27px}.path-grid{grid-template-columns:1fr}
  .path-grid article{min-height:300px}.path-grid p{font-size:17px}blockquote{padding:38px 20px}blockquote p{font-size:28px}
  footer{grid-template-columns:1fr}.footer-symbol{justify-self:start}
}


/* Tree of Not uploaded image variant */
.tree-halo{
  display:block;
  width:72%;
  background:radial-gradient(circle,
    rgba(226,194,124,.27) 0%,
    rgba(210,170,93,.11) 34%,
    rgba(210,170,93,.035) 53%,
    transparent 72%);
  filter:blur(14px);
}
.tree-wrap img[src$="tree-of-not-gold.png"]{
  width:min(74%,585px);
  max-height:625px;
  object-fit:contain;
  opacity:.98;
  filter:
    drop-shadow(0 0 5px rgba(245,222,168,.48))
    drop-shadow(0 0 16px rgba(226,194,124,.27))
    drop-shadow(0 0 36px rgba(210,170,93,.12));
}
@media(max-width:1000px){
  .tree-wrap img[src$="tree-of-not-gold.png"]{
    width:min(69vw,510px);
  }
}
@media(max-width:620px){
  .tree-wrap img[src$="tree-of-not-gold.png"]{
    width:min(82vw,435px);
  }
}


/* =========================================================
   VERSION 5 — NEW LANDSCAPE, ABOUT, AND CONTACT SECTIONS
   ========================================================= */

#home,
#explore,
#go_deeper,
#landscape-section,
#resources2,
#about,
#contact {
  scroll-margin-top: 88px;
}


/* Landscape of Being */

.landscape-section {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 7vw;
  align-items: center;

  background:
    radial-gradient(circle at 20% 50%, rgba(210, 170, 93, 0.08), transparent 27%),
    rgba(3, 8, 11, 0.95);

  border-top: 1px solid rgba(210, 170, 93, 0.13);
  border-bottom: 1px solid rgba(210, 170, 93, 0.13);
}

.landscape-visual {
  display: flex;
  justify-content: center;
  align-items: center;

  min-height: 340px;
}

.landscape-visual img {
  width: min(78%, 330px);
  height: auto;

  filter:
    drop-shadow(0 0 10px rgba(210, 170, 93, 0.16))
    drop-shadow(0 0 28px rgba(210, 170, 93, 0.08));
}

.landscape-copy {
  max-width: 760px;
}

.landscape-copy p {
  color: #bdb5aa;
}


/* Resources 2 */

.resources2-section {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 7vw;
  align-items: center;

  background:
    radial-gradient(circle at 20% 50%, rgba(210, 170, 93, 0.08), transparent 27%),
    rgba(3, 8, 11, 0.95);

  border-top: 1px solid rgba(210, 170, 93, 0.13);
  border-bottom: 1px solid rgba(210, 170, 93, 0.13);
}

.resources2-visual {
  display: flex;
  justify-content: center;
  align-items: center;

  min-height: 340px;
}

.resources2-visual img {
  width: min(78%, 330px);
  height: auto;

  filter:
    drop-shadow(0 0 10px rgba(210, 170, 93, 0.16))
    drop-shadow(0 0 28px rgba(210, 170, 93, 0.08));
}

.resources2-copy {
  max-width: 760px;
}

.resources2-copy p {
  color: #bdb5aa;
}



/* Shared small section kicker */

.section-kicker {
  margin: 0 0 8px;

  color: var(--gold);

  font-size: 10px;
  letter-spacing: 0.18em;

  text-transform: uppercase;
}


/* About */

.about-section {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 8vw;
  align-items: start;

  background: rgba(3, 8, 11, 0.95);

  border-top: 1px solid rgba(210, 170, 93, 0.13);
}

.about-copy p {
  color: #beb6ab;
  max-width: 710px;
}

.about-principles {
  display: grid;
  gap: 1px;

  background: rgba(210, 170, 93, 0.22);
  border: 1px solid rgba(210, 170, 93, 0.22);
}

.about-principles > div {
  padding: 26px 28px;

  background: rgba(4, 9, 12, 0.96);
}

.about-principles span {
  display: block;

  margin-bottom: 7px;

  color: var(--gold);

  font-family: "Cormorant Garamond", serif;
  font-size: 17px;
}

.about-principles strong {
  display: block;

  color: #e8d9bf;

  font-family: "Cormorant Garamond", serif;
  font-size: 27px;
  font-weight: 500;
}

.about-principles p {
  margin: 5px 0 0;

  color: #aaa297;

  font-size: 13px;
}


/* Contact */

.contact-section {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 8vw;
  align-items: start;

  background:
    radial-gradient(circle at 78% 35%, rgba(210, 170, 93, 0.06), transparent 25%),
    rgba(4, 9, 12, 0.97);

  border-top: 1px solid rgba(210, 170, 93, 0.14);
  border-bottom: 1px solid rgba(210, 170, 93, 0.14);
}

.contact-copy p {
  color: #bdb5aa;
  max-width: 560px;
}

.contact-form {
  display: grid;
  gap: 17px;

  padding: 28px;

  border: 1px solid rgba(210, 170, 93, 0.26);

  background: rgba(3, 8, 11, 0.68);
}

.contact-form label {
  color: var(--gold-soft);

  font-size: 9px;
  letter-spacing: 0.14em;

  text-transform: uppercase;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  display: block;

  width: 100%;

  margin-top: 7px;
  padding: 12px 13px;

  border: 1px solid rgba(210, 170, 93, 0.24);
  border-radius: 0;

  outline: none;

  background: rgba(2, 7, 10, 0.78);

  color: var(--ivory);

  font: 14px Montserrat, Arial, sans-serif;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--gold);

  box-shadow: 0 0 0 1px rgba(210, 170, 93, 0.15);
}

.contact-form textarea {
  resize: vertical;
}

.contact-form select option {
  background: #05090d;
  color: var(--ivory);
}

.contact-submit {
  justify-self: start;

  margin-top: 3px;

  background: transparent;

  cursor: pointer;
}

.form-status {
  min-height: 1.5em;

  margin: 0;

  color: #aaa297;

  font-size: 11px;
}


/* Responsive additions */

@media (max-width: 1000px) {

  .resources2-section,
  .landscape-section,
  .about-section,
  .contact-section {
    grid-template-columns: 1fr;
  }

  .resources2-copy,
  .landscape-copy,
  .about-copy,
  .contact-copy {
    text-align: center;

    margin: auto;
  }

  .resources2-copy .section-title,
  .landscape-copy .section-title,
  .about-copy .section-title,
  .contact-copy .section-title {
    text-align: center;
  }

  .resources2-copy .gold-rule,
  .landscape-copy .gold-rule,
  .about-copy .gold-rule,
  .contact-copy .gold-rule {
    margin-left: auto;
    margin-right: auto;
  }

  .landscape-visual {
    min-height: 250px;
  }

  .landscape-visual img {
    width: min(55vw, 300px);
  }

  .contact-form {
    max-width: 720px;

    width: 100%;

    margin: auto;
  }
}

@media (max-width: 620px) {

  .about-principles > div,
  .contact-form {
    padding: 22px 18px;
  }

  .landscape-visual img {
    width: min(70vw, 270px);
  }
}

/* Landscape of Being section LOB section */
    body.lob-landing-page{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(210,170,93,.055),transparent 30%),linear-gradient(180deg,rgba(2,6,9,.98),rgba(2,7,10,.98))}
    .lob-title-band{position:relative;padding:clamp(52px,7vw,92px) 5vw clamp(42px,6vw,72px);text-align:center;overflow:hidden;border-bottom:1px solid rgba(210,170,93,.14);background:radial-gradient(circle at 50% 46%,rgba(210,170,93,.055),transparent 28%),linear-gradient(180deg,rgba(2,6,9,.97),rgba(2,7,10,.94))}
    .lob-title-inner{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}
    .lob-kicker{margin:0 0 18px;color:var(--gold);font-size:11px;letter-spacing:.34em;text-transform:uppercase}
    .lob-title{margin:0;color:#f2e8d6;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,7vw,82px);font-weight:400;line-height:1;letter-spacing:.055em;text-transform:uppercase}
    .lob-subtitle{margin:19px auto 0;color:#bdb5aa;font-size:clamp(10px,1.15vw,14px);letter-spacing:.24em;text-transform:uppercase}
    .lob-ornament{width:min(430px,72vw);margin:20px auto 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:var(--gold)}
    .lob-ornament span{height:1px;background:linear-gradient(90deg,transparent,rgba(210,170,93,.72))}
    .lob-ornament span:last-child{transform:scaleX(-1)}
    .lob-ornament b{font-size:15px;font-weight:400}
    .lob-art-section{width:100%;background:#020608;border-bottom:1px solid rgba(210,170,93,.14)}
    .lob-art{position:relative;width:margin:0 auto;overflow:hidden;background:#020608}
    .lob-art img{display:block;height:clamp(380px,48vw,677px);object-fit:cover;object-position:center 45%}
    .lob-description-section{padding:clamp(54px,7vw,86px) 5vw clamp(64px,8vw,100px);text-align:center;background:radial-gradient(circle at 50% 10%,rgba(210,170,93,.045),transparent 34%),rgba(2,7,10,.96)}
    .lob-description{width:min(980px,100%);margin:0 auto;color:#d6cdc0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(16px,2vw,23px);line-height:1.55}
    .lob-actions{width:min(1180px,100%);margin:44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
    .lob-action{min-height:112px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(210,170,93,.82);background:linear-gradient(180deg,rgba(210,170,93,.045),rgba(210,170,93,.012));box-shadow:inset 0 0 28px rgba(210,170,93,.02),0 14px 34px rgba(0,0,0,.24);transition:.22s ease}
    .lob-action strong{display:block;color:var(--gold-soft);font-family:"Montserrat",Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:.24em;text-transform:uppercase}
    .lob-action span{display:block;margin-top:9px;color:#aaa297;font-size:9px;letter-spacing:.22em;text-transform:uppercase}
    .lob-action:hover,.lob-action:focus-visible{transform:translateY(-2px);border-color:var(--gold);background:rgba(210,170,93,.075);box-shadow:inset 0 0 30px rgba(210,170,93,.035),0 14px 38px rgba(0,0,0,.34),0 0 28px rgba(210,170,93,.07)}
    @media(max-width:820px){.lob-actions{grid-template-columns:1fr;max-width:560px}.lob-action{min-height:96px}}
    @media(max-width:620px){.lob-title{font-size:clamp(42px,13vw,62px);line-height:.98}.lob-subtitle{letter-spacing:.16em}.lob-art img{height:390px}}