/* LINEAGE 1.1 — conservation-led editorial refinement (October 2026)
   Original Framer choreography is intentionally retained. All additions are scoped. */
:root {
  --ln-bronze: #c1a15c;
  --ln-paper: #f1ede4;
  --ln-quiet: #bfb4a1;
}

/* 01 — The philosophy should feel physically inscribed, rather than like UI tiles.
   All three use one material treatment; existing SVG artwork / animation is untouched. */
.framer-da1Sy #block-5 .framer-xoqvck,
.framer-da1Sy #block-5 .framer-pkt6j,
.framer-da1Sy #block-5 .framer-10ry6gk {
  background-color: #080808 !important;
  background-image: linear-gradient(140deg, rgba(66,48,23,.075), rgba(0,0,0,.52) 46%, rgba(16,15,13,.65)), url('/lineage-stone-card.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid rgba(185,154,96,.20) !important;
  box-shadow: inset 0 0 0 1px rgba(255,240,203,.025), 0 22px 58px rgba(0,0,0,.43) !important;
}
.framer-da1Sy #block-5 [data-framer-name="Card 1"],
.framer-da1Sy #block-5 [data-framer-name="Card 2"],
.framer-da1Sy #block-5 [data-framer-name="Card 3"] {
  isolation: isolate;
  filter: drop-shadow(0 11px 29px rgba(0,0,0,.16));
}
.framer-da1Sy #block-5 .framer-lu1t15 p,
.framer-da1Sy #block-5 .framer-olv2we p,
.framer-da1Sy #block-5 .framer-mnjdef p {
  letter-spacing: -.026em;
  text-wrap: balance;
}

/* 02 — Drop 001 becomes the garment's primary identity. Its collection title
   becomes a lower-register editorial subtitle instead of a competing headline. */
.framer-da1Sy #block-4 .framer-apkxcj > p:first-child {
  --framer-font-size: clamp(43px, 4.2vw, 65px) !important;
  --framer-line-height: 94% !important;
  letter-spacing: -.036em;
}
.framer-da1Sy #block-4 .framer-apkxcj > p:nth-child(2) {
  --framer-font-size: clamp(17px, 2.0vw, 27px) !important;
  --framer-line-height: 125% !important;
  color: #c7b99c !important;
  letter-spacing: .02em;
  margin-top: 18px;
}
/* Authentically photographed stitched insignia: cropped from original Lineage image. */
@media (min-width: 1100px) {
  .framer-da1Sy #block-4 .framer-1vzsmk2::after {
    content: "";
    position: absolute;
    z-index: 7;
    pointer-events: none;
    width: clamp(112px, 11vw, 170px);
    aspect-ratio: 4 / 5;
    right: clamp(18px, 3vw, 54px);
    bottom: 9%;
    background: #0b0b09 url('/lineage-mark-study.webp') center / cover no-repeat;
    border: 1px solid rgba(190,156,95,.36);
    box-shadow: 0 18px 42px rgba(0,0,0,.55);
    opacity: .87;
    transition: opacity .35s ease, border-color .35s ease;
  }
  .framer-da1Sy #block-4 .framer-1vzsmk2:hover::after {
    opacity: 1;
    border-color: rgba(195,165,105,.63);
  }
}

/* 03 — The already-established cracked-gold mark appears as an archaeological
   trace. It is not another logo placement or a second decorative pattern. */
.framer-da1Sy #block-2::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  left: 50%;
  top: 49%;
  width: clamp(110px, 12vw, 190px);
  aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%);
  background: url('/lineage-engraved-monogram.png') center / contain no-repeat;
  opacity: .115;
  filter: sepia(.2) brightness(.72);
  mix-blend-mode: screen;
}


/* A ~2–3% shorter closing-principles scroll keeps the three-beat reveal intact
   while reducing the inactive space between phases. Verify on Pages staging. */
.framer-da1Sy #block-5 { height: 3700px; }
@media (max-width: 1199px) { .framer-da1Sy #block-5 { height: 3320px; } }
@media (max-width: 809px) { .framer-da1Sy #block-5 { height: 2250px; } }

/* 04 — Mobile editorial quality: stable sizes, higher small-copy contrast, and
   comfortable text spacing, without touching the Framer animation keyframes. */
.framer-da1Sy #block-4 .framer-7f32wt p.framer-text {text-wrap: pretty;}
.framer-da1Sy #block-4 .framer-7f32wt p[style*="112, 112, 112"] {
  --framer-text-color: #bdb4a7 !important;
}
.framer-da1Sy a:focus-visible,
.framer-da1Sy button:focus-visible {
  outline: 1px solid var(--ln-bronze) !important;
  outline-offset: 5px;
}
@media (max-width: 809px) {
  .framer-da1Sy #block-4 .framer-apkxcj > p:first-child {
    --framer-font-size: clamp(34px, 9vw, 44px) !important;
    --framer-line-height: 105% !important;
  }
  .framer-da1Sy #block-4 .framer-apkxcj > p:nth-child(2) {
    --framer-font-size: clamp(15px, 4.6vw, 19px) !important;
    --framer-line-height: 133% !important;
    margin-top: 9px;
    letter-spacing: 0;
  }
  .framer-da1Sy #block-5 .framer-lu1t15 p,
  .framer-da1Sy #block-5 .framer-olv2we p,
  .framer-da1Sy #block-5 .framer-mnjdef p {
    --framer-line-height: 96% !important;
  }
  .framer-da1Sy #block-2::after {width: 96px; top: 51%; opacity: .085;}
  /* On smaller screens the full garment should remain unobstructed. */
  .framer-da1Sy #block-4 .framer-1vzsmk2::after {display: none;}
}
@media (prefers-reduced-motion: reduce) {
  .framer-da1Sy #block-4 .framer-1vzsmk2::after {transition: none;}
}


/* LINEAGE 1.2 — The First Form / October 2026
   The design stays image-led, with quieter commercial controls and resilient
   editorial gutters at shorter desktop heights. */

/* Omit the standalone video chapter between opening and manifesto on EVERY
   breakpoint, including React's client-rendered version. No blank scroll gap. */
.framer-da1Sy #video,
.framer-da1Sy > section[data-framer-name="Video"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Step scenes originally put both prose and numerals too close to the edge
   at laptop aspect ratios. Lift them into an actual safe reading area. */
@media (min-width: 810px) {
  .framer-da1Sy #block-3 .framer-1hju8wr,
  .framer-da1Sy #block-3 .framer-b99msf,
  .framer-da1Sy #block-3 .framer-n82bsr {
    padding-bottom: clamp(110px, 12vh, 165px) !important;
    padding-left: clamp(28px, 3vw, 58px) !important;
    padding-right: clamp(28px, 3vw, 58px) !important;
    overflow: visible !important;
  }
  .framer-da1Sy #block-3 .framer-1hju8wr p,
  .framer-da1Sy #block-3 .framer-b99msf p,
  .framer-da1Sy #block-3 .framer-n82bsr p {line-height: 1.05 !important;}
}
@media (max-width: 809px) {
  .framer-da1Sy #block-3 .framer-1hju8wr,
  .framer-da1Sy #block-3 .framer-b99msf,
  .framer-da1Sy #block-3 .framer-n82bsr {
    padding-bottom: max(90px, env(safe-area-inset-bottom)) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    overflow: visible !important;
  }
}

/* First garment: no tech-drop nomenclature, no travel collection layer. */
.framer-da1Sy #block-4 .framer-apkxcj > p:first-child {
  --framer-font-size: clamp(39px, 4.2vw, 65px) !important;
  --framer-line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.framer-da1Sy #block-4 .framer-apkxcj > p:nth-child(2) {
  --framer-font-size: clamp(18px, 1.85vw, 25px) !important;
  --framer-line-height: 1.3 !important;
  letter-spacing: .015em !important;
  margin-top: 17px !important;
  color: #c9b99b !important;
}
/* The extra floating logo crop introduced in 1.1 made the photo too busy.
   Retain the designer's actual framed portrait, not two competing overlays. */
.framer-da1Sy #block-4 .framer-1vzsmk2::after {display:none !important;content:none !important;}

/* The original two buttons were hard-coded to 202px and their uppercase labels
   wrapped into three lines; this keeps the existing destinations and uses
   actual flex centering, not absolute label offsets. */
.framer-da1Sy #block-4 .framer-7f32wt {
  gap: 23px !important;
  padding: 20px 28px clamp(115px, 13vh, 156px) !important;
  overflow: visible !important;
}
.framer-da1Sy #block-4 .framer-1ikpmpw {gap: 15px !important;}
.framer-da1Sy #block-4 .framer-1erxs3f {
  width: 100% !important;
  gap: 13px !important;
  overflow: visible !important;
  align-items: center !important;
}
.framer-da1Sy #block-4 .framer-1tfh96r-container,
.framer-da1Sy #block-4 .framer-jkgynl-container {
  flex: none !important;
  display: block !important;
  width: min(294px, 100%) !important;
  height: 43px !important;
  min-height: 43px !important;
  max-width: 100% !important;
  opacity: 1 !important;
  transform: none !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f a.framer-IeWtB {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 43px !important;
  min-height: 43px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: 1px solid rgba(193,161,92,.55) !important;
  background: rgba(193,161,92,.065) !important;
  transition: border-color .25s, background .25s !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f a.framer-IeWtB:hover {
  background: rgba(193,161,92,.13) !important;
  border-color: rgba(193,161,92,.9) !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f .framer-1a8jn1v {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:none !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  overflow:visible !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f .framer-4jge30 {
  position: static !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
  opacity:1 !important;
  white-space:nowrap !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f .framer-4jge30 p {
  font-family:"Helvetica Neue Regular",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight:400 !important;
  line-height: 1.45 !important;
  letter-spacing: .115em !important;
  text-align:center !important;
  white-space: nowrap !important;
  color: var(--ln-bronze) !important;
}
.framer-da1Sy #block-4 .framer-1erxs3f .framer-1uqii43,
.framer-da1Sy #block-4 .framer-1erxs3f .framer-fulev,
.framer-da1Sy #block-4 .framer-1erxs3f .framer-4pd2h4,
.framer-da1Sy #block-4 .framer-1erxs3f .framer-tw17ll {display:none !important;}
.framer-da1Sy #block-4 .framer-jkgynl-container a.framer-IeWtB {
  border-color: transparent !important;
  background:transparent !important;
}
.framer-da1Sy #block-4 .framer-jkgynl-container .framer-4jge30 p {
  color:#bdb5a6 !important;
  letter-spacing:.07em !important;
  font-size:11px !important;
}
@media (max-width: 809px) {
  .framer-da1Sy #block-4 .framer-apkxcj > p:first-child {
    --framer-font-size:clamp(35px,9vw,44px) !important;
    --framer-line-height:1.12 !important;
  }
  .framer-da1Sy #block-4 .framer-apkxcj > p:nth-child(2) {
    --framer-font-size:clamp(15px,4.6vw,19px) !important;
    --framer-line-height:1.35 !important;
    margin-top:9px !important;
  }
  .framer-da1Sy #block-4 .framer-7f32wt {
    padding:25px 24px 88px !important;
    gap:25px !important;
  }
  .framer-da1Sy #block-4 .framer-1tfh96r-container,
  .framer-da1Sy #block-4 .framer-jkgynl-container {width:min(294px,calc(100vw - 58px)) !important;}
}
@media (prefers-reduced-motion:reduce) {
  .framer-da1Sy #block-4 .framer-1erxs3f a.framer-IeWtB {transition:none !important;}
}