@font-face{font-family:'Cormorant Garamond';src:url(//thealignmentarchive.com/wp-content/themes/generatepress_child/assets/fonts/cormorant/CormorantGaramond-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Cormorant Garamond';src:url(//thealignmentarchive.com/wp-content/themes/generatepress_child/assets/fonts/cormorant/CormorantGaramond-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Cormorant Garamond';src:url(//thealignmentarchive.com/wp-content/themes/generatepress_child/assets/fonts/cormorant/CormorantGaramond-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;}

:root{
  --core-black:#030201;
  --core-black-2:#070407;
  --core-panel:#0b070c;
  --core-panel-2:#130a18;

  --core-gold:#d6b072;
  --core-gold-soft:#f0d69f;
  --core-gold-deep:#a87634;
  --core-copper:#bd8e49;

  --core-violet:#8d6ad8;
  --core-violet-soft:#c7a8ff;
  --core-violet-deep:#17091f;

  --core-text:#f4ead8;
  --core-muted:#c9bda8;
  --core-dim:#8f8066;

  --core-line:rgba(214,176,114,.18);
  --core-line-strong:rgba(214,176,114,.34);
  --core-violet-line:rgba(141,106,216,.26);

  --core-max:1480px;
}

html,
body{
  background:#000!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden;
  color:var(--core-text);
  scroll-behavior:smooth;
}

body .site,
.site-content,
.inside-article,
.entry-content,
.container,
.grid-container,
.separate-containers .inside-article{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
}

.core-scroll-page{
  width:100vw;
  margin-left:calc(50% - 50vw);
  background:
    radial-gradient(circle at 82% 8%,rgba(141,106,216,.16),transparent 26%),
    radial-gradient(circle at 18% 30%,rgba(214,176,114,.055),transparent 30%),
    radial-gradient(circle at 50% 102%,rgba(141,106,216,.10),transparent 36%),
    linear-gradient(180deg,#030201 0%,#050306 38%,#000 100%);
  color:var(--core-text);
  font-family:"Satoshi","Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.core-scroll-page *{
  box-sizing:border-box;
}

.core-container{
  width:100%;
  max-width:var(--core-max);
  margin:0 auto;
  padding-left:clamp(28px,5.5vw,86px);
  padding-right:clamp(28px,5.5vw,86px);
}

/* HERO */

.core-hero{
  position:relative;
  min-height:calc(82vh - 98px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  padding-top:clamp(108px,10vw,168px);
  padding-bottom:clamp(78px,8vw,124px);
  background:
    linear-gradient(90deg,#030201 0%,rgba(3,2,1,.99) 22%,rgba(3,2,1,.88) 42%,rgba(3,2,1,.52) 67%,rgba(3,2,1,.16) 100%),
    radial-gradient(circle at 76% 34%,rgba(141,106,216,.42),transparent 30%),
    radial-gradient(circle at 82% 56%,rgba(214,176,114,.17),transparent 34%),
    radial-gradient(circle at 54% 78%,rgba(92,61,145,.25),transparent 36%),
    var(--core-hero-image) center right / cover no-repeat,
    linear-gradient(135deg,#050403 0%,#100817 48%,#000 100%);
}

.core-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.36;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 21%,rgba(214,176,114,.08) 21.25%,transparent 21.65% 100%),
    repeating-linear-gradient(90deg,rgba(214,176,114,.046) 0 1px,transparent 1px 126px),
    repeating-linear-gradient(0deg,rgba(141,106,216,.075) 0 1px,transparent 1px 94px);
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 84%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 84%,transparent);
}

.core-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,176,114,.36),rgba(141,106,216,.42),transparent);
}

.core-kicker,
.core-section-label{
  margin:0 0 18px;
  color:var(--core-copper);
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:.72rem;
  font-weight:800;
}

.core-kicker-links a,
.core-kicker-links a:visited,
.core-kicker-links a:hover,
.core-kicker-links a:focus,
.core-kicker-links a:active{
  color:var(--core-copper)!important;
  text-decoration:none!important;
  border-bottom:none;
  transition:color .22s ease, opacity .22s ease;
}

.core-kicker-links a:hover,
.core-kicker-links a:focus{
  color:var(--core-gold-soft)!important;
}

.core-kicker-links span{
  opacity:.62;
}

.core-hero-copy{
  max-width:900px;
  position:relative;
  z-index:2;
}

.core-hero h1{
  margin:0;
  font-family:"Cormorant Garamond","Libre Baskerville",Georgia,serif;
  font-weight:500;
  font-size:clamp(4rem,7.35vw,7.5rem);
  line-height:.88;
  letter-spacing:-.018em;
  text-wrap:balance;
  background:linear-gradient(112deg,#f0d69f 0%,#d6b072 28%,#c7a8ff 58%,#efe7db 82%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 34px rgba(141,106,216,.12);
}

.core-hero h1 span{
  background:linear-gradient(112deg,#c7a8ff 0%,#f0d69f 44%,#efe7db 86%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.core-hero-rule{
  width:72px;
  height:1px;
  background:linear-gradient(90deg,var(--core-gold),var(--core-violet-soft));
  margin:clamp(26px,4vw,38px) 0;
  box-shadow:0 0 24px rgba(141,106,216,.18);
}

.core-hero-sub{
  max-width:700px;
  margin:0;
  color:#d4c7b3;
  line-height:1.78;
  font-size:clamp(1.16rem,1.45vw,1.34rem);
}

/* MAIN LAYOUT */

.core-main-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:clamp(42px,6vw,82px);
  padding:clamp(72px,8vw,118px) 0;
  background:
    radial-gradient(circle at 20% 0%,rgba(214,176,114,.030),transparent 28%),
    radial-gradient(circle at 86% 14%,rgba(141,106,216,.055),transparent 32%);
}

.core-main{
  max-width:840px;
}

.core-section{
  margin-bottom:clamp(56px,7vw,84px);
}

.core-opening{
  border-left:1px solid rgba(214,176,114,.46);
  padding-left:clamp(22px,3vw,34px);
  position:relative;
}

.core-opening::before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:1px;
  height:40%;
  background:linear-gradient(180deg,var(--core-violet-soft),transparent);
  box-shadow:0 0 18px rgba(141,106,216,.26);
}

.core-statement{
  font-family:"Cormorant Garamond","Libre Baskerville",Georgia,serif;
  color:#fff6e8;
  font-size:clamp(2.12rem,4.15vw,3.6rem);
  line-height:1.08;
  margin:0 0 24px;
}

.core-main h2{
  font-family:"Cormorant Garamond","Libre Baskerville",Georgia,serif;
  font-size:clamp(2.28rem,4.08vw,3.82rem);
  line-height:1.02;
  font-weight:500;
  color:var(--core-gold);
  margin:0 0 22px;
  text-shadow:0 0 28px rgba(141,106,216,.13);
}

.core-main p{
  color:#d4c7b3;
  font-size:clamp(1.14rem,1.32vw,1.26rem);
  line-height:1.84;
  margin:0 0 1.5rem;
}

/* FEATURE BOXES */

.core-scripture-box,
.core-quote-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(214,176,114,.28);
  background:
    radial-gradient(circle at 0% 0%,rgba(214,176,114,.08),transparent 38%),
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.10),transparent 34%),
    linear-gradient(180deg,rgba(14,9,16,.82),rgba(3,2,1,.92));
  padding:clamp(26px,4vw,38px);
  margin:clamp(32px,5vw,52px) 0;
  box-shadow:
    0 24px 72px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.018);
}

.core-scripture-box::before,
.core-quote-box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:
    linear-gradient(90deg,rgba(214,176,114,.10) 0 1px,transparent 1px),
    linear-gradient(180deg,rgba(141,106,216,.12) 0 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 76%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 76%);
}

.core-scripture-box p,
.core-quote-box p{
  position:relative;
  z-index:2;
  font-family:"Cormorant Garamond","Libre Baskerville",Georgia,serif;
  color:#fff3dd;
  font-size:clamp(1.55rem,2.45vw,2.14rem);
  line-height:1.34;
  margin:0 0 18px;
}

.core-scripture-box strong{
  position:relative;
  z-index:2;
  display:block;
  color:var(--core-gold);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
}

/* DIVIDERS */

.core-divider{
  display:flex;
  align-items:center;
  gap:16px;
  margin:clamp(40px,5vw,58px) 0;
  color:var(--core-gold);
}

.core-divider::before,
.core-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,176,114,.32),rgba(141,106,216,.24),transparent);
}

/* STEPS */

.core-steps{
  display:grid;
  gap:26px;
  margin-top:28px;
}

.core-step{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:22px;
  align-items:start;
}

.step-num{
  width:42px;
  height:42px;
  border:1px solid rgba(214,176,114,.72);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--core-gold);
  font-size:.82rem;
  background:
    radial-gradient(circle at 50% 0%,rgba(141,106,216,.18),transparent 70%),
    rgba(5,4,3,.52);
  box-shadow:0 0 22px rgba(141,106,216,.10);
}

.core-step h3{
  margin:0 0 .35rem;
  color:#fff8eb;
  font-size:clamp(1.22rem,1.7vw,1.42rem);
  font-weight:600;
}

.core-step p{
  margin:0;
  font-size:clamp(1.06rem,1.16vw,1.14rem);
  line-height:1.72;
}

/* MEANING GRID */

.meaning-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:linear-gradient(135deg,rgba(214,176,114,.24),rgba(141,106,216,.22));
  border:1px solid rgba(214,176,114,.24);
  margin-top:30px;
}

.meaning-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.075),transparent 34%),
    linear-gradient(180deg,rgba(10,7,11,.92),rgba(5,5,5,.92));
  padding:30px 24px;
}

.meaning-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.11;
  background:
    linear-gradient(90deg,rgba(214,176,114,.10) 0 1px,transparent 1px),
    linear-gradient(180deg,rgba(141,106,216,.12) 0 1px,transparent 1px);
  background-size:42px 42px;
}

.meaning-card h3,
.meaning-card p{
  position:relative;
  z-index:2;
}

.meaning-card h3{
  color:var(--core-gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.82rem;
  margin:0 0 12px;
}

.meaning-card p{
  margin:0;
  font-size:clamp(1.06rem,1.12vw,1.14rem);
  line-height:1.72;
}

/* SIDEBAR */

.core-sidebar{
  position:sticky;
  top:110px;
  align-self:start;
  border:1px solid rgba(214,176,114,.24);
  background:
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.12),transparent 38%),
    linear-gradient(180deg,rgba(8,5,10,.78),rgba(3,2,1,.82));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  padding:30px;
  box-shadow:
    0 24px 72px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.016);
}

.sidebar-block{
  padding-bottom:26px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(214,176,114,.18);
}

.sidebar-block:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}

.sidebar-title{
  color:var(--core-gold);
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:1rem;
  font-weight:800;
}

.sidebar-block p{
  color:#cfc1aa;
  line-height:1.72;
  font-size:clamp(1.02rem,1.08vw,1.1rem);
  margin:0 0 1rem;
}

/* GUIDED PATH */

.core-path{
  border-top:1px solid rgba(214,176,114,.14);
  padding:0 0 clamp(72px,9vw,110px);
  background:
    radial-gradient(circle at 50% 0%,rgba(141,106,216,.10),transparent 36%),
    linear-gradient(180deg,#030201 0%,#000 100%);
}

.core-path-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(214,176,114,.24);
  background:
    radial-gradient(circle at 0% 0%,rgba(214,176,114,.065),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.11),transparent 34%),
    linear-gradient(180deg,rgba(14,9,16,.82),rgba(3,2,1,.94));
  padding:clamp(30px,5vw,48px);
  text-align:center;
  box-shadow:0 28px 86px rgba(0,0,0,.32);
}

.core-path-box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background:
    linear-gradient(90deg,rgba(214,176,114,.10) 0 1px,transparent 1px),
    linear-gradient(180deg,rgba(141,106,216,.12) 0 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 82%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 82%);
}

.core-path-box h2,
.core-path-box p,
.path-grid{
  position:relative;
  z-index:2;
}

.core-path-box h2{
  color:var(--core-gold);
  font-size:clamp(.9rem,1.4vw,1rem);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 .75rem;
  font-family:"Satoshi","Manrope",sans-serif;
  font-weight:800;
}

.core-path-box p{
  color:#c9bda8;
  margin:0 auto 28px;
  max-width:680px;
  line-height:1.76;
  font-size:clamp(1.08rem,1.16vw,1.18rem);
}

.path-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.path-card{
  display:block;
  text-decoration:none;
  color:#fff3dd!important;
  border:1px solid rgba(214,176,114,.24);
  background:
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.075),transparent 40%),
    rgba(0,0,0,.42);
  padding:26px;
  text-align:left;
  transition:.25s ease;
}

.path-card:hover{
  transform:translateY(-3px);
  border-color:rgba(214,176,114,.62);
  background:
    radial-gradient(circle at 100% 0%,rgba(141,106,216,.12),transparent 40%),
    rgba(214,176,114,.07);
  box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 28px rgba(141,106,216,.08);
}

.path-card span{
  display:block;
  color:#9d8358;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  margin-bottom:.55rem;
}

.path-card strong{
  font-family:"Cormorant Garamond","Libre Baskerville",Georgia,serif;
  font-size:clamp(1.45rem,2.1vw,1.88rem);
  font-weight:500;
  line-height:1.1;
}

/* RESPONSIVE */

@media(max-width:980px){
  .core-main-wrap{
    grid-template-columns:1fr;
  }

  .core-sidebar{
    position:relative;
    top:auto;
  }

  .meaning-grid,
  .path-grid{
    grid-template-columns:1fr;
  }

  .core-hero{
    background:
      linear-gradient(180deg,rgba(3,2,1,.74) 0%,rgba(3,2,1,.84) 45%,#030201 100%),
      radial-gradient(circle at 50% 18%,rgba(141,106,216,.26),transparent 38%),
      var(--core-hero-image) center / cover no-repeat;
  }
}

@media(max-width:760px){
  .core-hero{
    min-height:auto;
    padding-top:clamp(88px,18vw,126px);
    padding-bottom:clamp(62px,12vw,92px);
  }

  .core-hero h1{
    font-size:clamp(3.25rem,14vw,5.2rem);
    line-height:.92;
  }

  .core-hero-sub,
  .core-main p,
  .core-step p,
  .meaning-card p,
  .sidebar-block p,
  .core-path-box p{
    font-size:1.05rem!important;
  }

  .core-scripture-box p,
  .core-quote-box p{
    font-size:clamp(1.45rem,7vw,1.9rem)!important;
  }

  .core-main-wrap{
    padding-top:clamp(58px,12vw,82px);
  }

  .core-step{
    grid-template-columns:42px 1fr;
    gap:16px;
  }

  .core-sidebar{
    padding:24px;
  }

  .path-card strong{
    font-size:clamp(1.35rem,7vw,1.75rem);
  }
}