/*
 * LHM-HYBRID-006 — private Founder review
 * Scope: manuscript material/typography/transformation and open LHOS sanctuary.
 */

.hybrid-006-review .manuscript-story {
  --activation: 0;
  --dissolve: 0;
  --reconstruct: 0;
  height: 440svh;
}

.hybrid-006-review .manuscript-state {
  left: clamp(1.5vw, 3.8vw, 68px);
  width: min(76vw, 1180px);
}

.hybrid-006-review .manuscript-sheet {
  object-fit: contain;
  filter: drop-shadow(0 9px 8px rgba(37, 34, 20, .28));
}

.hybrid-006-review .manuscript-state::before,
.hybrid-006-review .manuscript-state::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 32%, #fae8a1 0 12%, #b88b35 24% 48%, #4c432a 72%);
  box-shadow: 0 2px 3px rgba(40, 32, 16, .45);
  pointer-events: none;
}

.hybrid-006-review .manuscript-state::before {
  top: 5.2%;
  left: 4.1%;
}

.hybrid-006-review .manuscript-state::after {
  right: 4.1%;
  bottom: 5.2%;
}

.hybrid-006-review .manuscript-state--preservation {
  opacity: 1;
  filter: none;
  transform: translateY(-50%);
}

.hybrid-006-review .manuscript-state--atelier {
  opacity: 1;
  transform: translateY(-50%);
}

.hybrid-006-review .manuscript-state--preservation .manuscript-sheet,
.hybrid-006-review .manuscript-state--atelier .manuscript-sheet {
  clip-path: none;
  filter: drop-shadow(0 9px 8px rgba(37, 34, 20, .28));
}

.hybrid-006-review .manuscript-copy {
  color: #344326;
  font-family: var(--serif);
  font-weight: 560;
  text-shadow: 0 1px rgba(255, 250, 226, .42);
}

.hybrid-006-review .manuscript-copy .kicker {
  color: #6e7c45;
  font-family: var(--sans);
  font-size: clamp(.68rem, .72vw, .83rem);
  font-weight: 650;
  letter-spacing: .15em;
}

.hybrid-006-review .manuscript-copy h2 {
  color: #2d442b;
  font-family: var(--serif);
  font-size: clamp(1.85rem, 2.65vw, 3.2rem);
  font-weight: 590;
  line-height: 1;
  letter-spacing: -.015em;
}

.hybrid-006-review .manuscript-copy h3 {
  color: #344a2e;
  font: 650 clamp(.83rem, .94vw, 1.12rem)/1.14 var(--serif);
  letter-spacing: .01em;
}

.hybrid-006-review .manuscript-copy p {
  color: #4f432f;
  font-weight: 560;
}

.hybrid-006-review .manuscript-copy--preservation {
  padding: 6.2% 9% 8%;
}

.hybrid-006-review .manuscript-copy--preservation > header {
  width: 66%;
}

.hybrid-006-review .manuscript-copy--preservation > header::after {
  content: "";
  display: block;
  width: min(210px, 40%);
  height: 1px;
  margin: 10px auto 0;
  background: linear-gradient(90deg, transparent, #a98337, transparent);
}

.hybrid-006-review .manuscript-copy--preservation > header > p:last-child {
  max-width: 610px;
  margin-top: 8px;
  color: #4a4431;
  font-size: clamp(.73rem, .82vw, .96rem);
  font-weight: 570;
  line-height: 1.42;
}

.hybrid-006-review .manuscript-values {
  inset: 33% 8.6% 10.4%;
  column-gap: 24.5%;
  row-gap: 5.5%;
}

.hybrid-006-review .manuscript-values article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4% 5% 3% 15%;
}

.hybrid-006-review .manuscript-values article::after {
  content: "";
  position: absolute;
  right: 7%;
  bottom: 12%;
  width: 25%;
  height: 1px;
  background: linear-gradient(90deg, rgba(157, 126, 56, .58), transparent);
}

.hybrid-006-review .manuscript-values article > span {
  top: 50%;
  color: #a2772e;
  font: 650 clamp(.7rem, .8vw, .94rem)/1 var(--serif);
  transform: translateY(-50%);
}

.hybrid-006-review .manuscript-values p {
  color: #544733;
  font-size: clamp(.72rem, .78vw, .91rem);
  font-weight: 560;
  line-height: 1.42;
}

.hybrid-006-review .manuscript-copy--atelier {
  padding: 7.1% 8.8% 8%;
}

.hybrid-006-review .manuscript-copy--atelier > header {
  width: 46%;
}

.hybrid-006-review .manuscript-copy--atelier > header h2 {
  font-size: clamp(1.72rem, 2.4vw, 2.9rem);
}

.hybrid-006-review .manuscript-copy--atelier > header h2 em {
  color: #6f793d;
}

.hybrid-006-review .manuscript-copy--atelier > header > p:last-child {
  margin-top: 12px;
  color: #4d4230;
  font-size: clamp(.7rem, .78vw, .91rem);
  font-weight: 570;
  line-height: 1.45;
}

.hybrid-006-review .manuscript-copy--atelier .atelier-principle {
  top: 51.4%;
  left: 10.5%;
  width: 39%;
  color: #4b633d !important;
  font: italic 610 clamp(.76rem, .86vw, 1rem)/1.36 var(--serif);
}

.hybrid-006-review .manuscript-copy--atelier .atelier-principle::before {
  content: "✦";
  margin-right: .65em;
  color: #a47a2c;
  font-style: normal;
}

.hybrid-006-review .manuscript-copy--atelier dl {
  right: 9%;
  bottom: 8.8%;
  left: 9%;
  gap: 2.5%;
}

.hybrid-006-review .manuscript-copy--atelier dl > div {
  gap: 10px;
  padding: 5.6% 7%;
}

.hybrid-006-review .manuscript-copy--atelier dt {
  color: #a2782d;
  font: 650 clamp(.68rem, .76vw, .88rem)/1 var(--serif);
}

.hybrid-006-review .manuscript-copy--atelier dd {
  color: #3d5035;
  font: 620 clamp(.7rem, .79vw, .92rem)/1.2 var(--serif);
}

.hybrid-006-review .manuscript-state .manuscript-copy {
  opacity: 1;
  transform: none;
}

.hybrid-006-review .manuscript-state--preservation::selection,
.hybrid-006-review .manuscript-state--atelier::selection {
  background: rgba(161, 126, 50, .25);
}

.hybrid-006-review .manuscript-dissolve {
  position: absolute;
  inset: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hybrid-006-review .manuscript-particles {
  display: none;
}

.hybrid-006-review .manuscript-light::after {
  content: "";
  position: absolute;
  inset: 8% 12% 12% 3%;
  opacity: calc(var(--activation) * .28);
  background:
    radial-gradient(circle at 22% 36%, rgba(176, 228, 127, .34), transparent 4%),
    radial-gradient(circle at 48% 54%, rgba(225, 182, 74, .3), transparent 5%),
    radial-gradient(circle at 73% 32%, rgba(143, 211, 121, .28), transparent 4%);
  filter: blur(11px);
}

/* Open LHOS sanctuary: the inherited orbit markup and interactions stay unchanged. */
.hybrid-006-review .lhos {
  padding: clamp(56px, 6vw, 88px) 0 clamp(58px, 6vw, 90px);
  overflow: hidden;
  background:
    linear-gradient(180deg, #163323 0, #102b1f 58%, #173528 100%);
}

.hybrid-006-review .lhos .lhos-intro {
  position: relative;
  z-index: 4;
  max-width: min(850px, calc(100% - 36px));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: center;
}

.hybrid-006-review .lhos .lhos-intro--above {
  margin: 0 auto clamp(16px, 2vw, 28px);
}

.hybrid-006-review .lhos .lhos-intro--below {
  margin: clamp(18px, 2.2vw, 34px) auto 0;
}

.hybrid-006-review .lhos .lhos-intro .kicker {
  margin: 0 0 4px;
  color: #d3c99e;
  font-size: clamp(.88rem, 1.05vw, 1.12rem);
  letter-spacing: .13em;
}

.hybrid-006-review .lhos .lhos-intro h2 {
  margin: 0;
  color: #f0e6c8;
  font-size: clamp(2rem, 3.2vw, 4rem);
  font-weight: 520;
  line-height: 1.03;
  text-shadow: 0 2px 14px rgba(4, 21, 14, .46);
}

.hybrid-006-review .lhos .lhos-intro--below h2 {
  color: #e6d9b8;
  font-size: clamp(1.75rem, 2.65vw, 3.35rem);
}

.hybrid-006-review .lhos .lhos-intro--below p {
  max-width: 760px;
  margin: 7px auto 0;
  color: #d9d4b9;
  font: 520 clamp(1rem, 1.24vw, 1.28rem)/1.42 var(--serif);
  text-shadow: 0 1px 9px rgba(4, 22, 14, .55);
}

.hybrid-006-review .lhos-sanctuary-stage {
  width: min(1680px, 100%);
  min-height: 700px;
  margin: 0 auto;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: none;
  box-shadow: none !important;
}

.hybrid-006-review .lhos-sanctuary-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, #102d20 0, transparent 8% 92%, #102d20 100%),
    linear-gradient(0deg, #102d20 0, transparent 9% 92%, #153326 100%);
}

.hybrid-006-review .lhos-sanctuary-stage::after {
  background:
    radial-gradient(circle at 50% 52%, transparent 38%, rgba(5, 30, 19, .12) 68%, rgba(5, 28, 19, .34) 100%);
}

.hybrid-006-review .lhos-sanctuary-stage .lhos-layout {
  grid-template-columns: minmax(190px, 1fr) minmax(500px, 39vw) minmax(190px, 1fr);
  padding: 0 1.3%;
  transform: translateY(-2.8%);
}

.hybrid-006-review .lhos-sanctuary-stage .orbit {
  width: min(39vw, 650px);
}

.hybrid-006-review .lhos-sanctuary-stage .lhos-notes article {
  background: rgba(17, 48, 34, .63);
  border-color: rgba(207, 169, 78, .38);
  box-shadow: 0 8px 25px rgba(4, 25, 17, .15);
}

@media (max-width: 1100px) {
  .hybrid-006-review .manuscript-state {
    left: 1vw;
    width: 80vw;
  }

  .hybrid-006-review .lhos-sanctuary-stage {
    min-height: 640px;
  }

  .hybrid-006-review .lhos-sanctuary-stage .lhos-layout {
    grid-template-columns: minmax(155px, 1fr) minmax(420px, 46vw) minmax(155px, 1fr);
  }

  .hybrid-006-review .lhos-sanctuary-stage .orbit {
    width: min(46vw, 560px);
  }
}

@media (max-width: 850px) {
  .hybrid-006-review .manuscript-story {
    height: auto;
  }

  .hybrid-006-review .manuscript-stage {
    padding: 64px 8px;
  }

  .hybrid-006-review .manuscript-state {
    width: min(760px, 100%);
    min-height: clamp(680px, 174vw, 940px);
    margin-bottom: 28px;
  }

  .hybrid-006-review .manuscript-state::before,
  .hybrid-006-review .manuscript-state::after {
    width: 9px;
    height: 9px;
  }

  .hybrid-006-review .manuscript-sheet,
  .hybrid-006-review .manuscript-state--preservation .manuscript-sheet,
  .hybrid-006-review .manuscript-state--atelier .manuscript-sheet {
    object-fit: fill;
    filter: drop-shadow(0 7px 7px rgba(37, 34, 20, .25));
  }

  .hybrid-006-review .manuscript-copy {
    font-weight: 590;
  }

  .hybrid-006-review .manuscript-copy h2 {
    font-size: clamp(1.65rem, 7.2vw, 2.35rem);
  }

  .hybrid-006-review .manuscript-copy--preservation {
    padding: 9.5% 10% 10%;
  }

  .hybrid-006-review .manuscript-copy--preservation > header,
  .hybrid-006-review .manuscript-copy--atelier > header {
    width: 100%;
  }

  .hybrid-006-review .manuscript-copy--preservation > header > p:last-child {
    font-size: clamp(.78rem, 3.2vw, .92rem);
  }

  .hybrid-006-review .manuscript-values {
    position: relative;
    inset: auto;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 8%;
  }

  .hybrid-006-review .manuscript-values article {
    min-height: 98px;
    padding: 13px 14px 12px 52px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(125, 103, 55, .23);
  }

  .hybrid-006-review .manuscript-values article::after {
    display: none;
  }

  .hybrid-006-review .manuscript-values article > span {
    top: 50%;
    left: 15px;
  }

  .hybrid-006-review .manuscript-values h3 {
    font-size: clamp(.93rem, 3.8vw, 1.08rem);
  }

  .hybrid-006-review .manuscript-values p {
    font-size: clamp(.77rem, 3.1vw, .9rem);
  }

  .hybrid-006-review .manuscript-copy--atelier {
    padding: 10% 10.5%;
  }

  .hybrid-006-review .manuscript-copy--atelier > header > p:last-child {
    padding: 0;
    background: none;
    max-width: 31rem;
    font-size: clamp(.77rem, 3.1vw, .9rem);
  }

  .hybrid-006-review .manuscript-copy--atelier .atelier-principle {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 16px 0 12px;
    padding: 12px 0;
    border-block: 1px solid rgba(126, 103, 53, .22);
    font-size: clamp(.82rem, 3.4vw, .98rem);
  }

  .hybrid-006-review .manuscript-copy--atelier dl {
    position: relative;
    inset: auto;
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .hybrid-006-review .manuscript-copy--atelier dl > div {
    padding: 14px 3px;
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(126, 103, 53, .22);
  }

  .hybrid-006-review .manuscript-copy--atelier dt,
  .hybrid-006-review .manuscript-copy--atelier dd {
    font-size: clamp(.78rem, 3.2vw, .92rem);
  }

  .hybrid-006-review .manuscript-dissolve {
    display: none;
  }

  .hybrid-006-review .lhos {
    padding: 78px 0 62px;
  }

  .hybrid-006-review .lhos .lhos-intro {
    max-width: calc(100% - 32px);
  }

  .hybrid-006-review .lhos .lhos-intro--above {
    margin-bottom: 12px;
  }

  .hybrid-006-review .lhos .lhos-intro h2 {
    font-size: clamp(2rem, 9vw, 2.85rem);
  }

  .hybrid-006-review .lhos .lhos-intro--below {
    margin-top: 18px;
  }

  .hybrid-006-review .lhos .lhos-intro--below h2 {
    font-size: clamp(1.7rem, 7.6vw, 2.35rem);
  }

  .hybrid-006-review .lhos .lhos-intro--below p {
    font-size: clamp(1rem, 4.3vw, 1.18rem);
  }

  .hybrid-006-review .lhos-sanctuary-stage {
    width: 100%;
    min-height: 0;
    padding-top: 108vw;
  }

  .hybrid-006-review .lhos-sanctuary-stage .lhos-forest {
    height: 108vw;
  }

  .hybrid-006-review .lhos-sanctuary-stage::before,
  .hybrid-006-review .lhos-sanctuary-stage::after {
    height: 108vw;
  }

  .hybrid-006-review .lhos-sanctuary-stage::before {
    background:
      linear-gradient(90deg, #102d20 0, transparent 5% 95%, #102d20 100%),
      linear-gradient(0deg, #102d20 0, transparent 7% 93%, #153326 100%);
  }

  .hybrid-006-review .lhos-sanctuary-stage .orbit {
    top: -54vw;
    width: min(76vw, 520px);
    max-width: calc(100vw - 34px);
  }

  .hybrid-006-review .lhos-sanctuary-glow {
    height: 108vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-006-review .manuscript-dissolve {
    display: none;
  }

  .hybrid-006-review .manuscript-state {
    transition: opacity 180ms ease-out !important;
  }
}