[data-m3-page="life-architecture"] {
      scroll-behavior: smooth;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    [data-m3-page="life-architecture"] {
      margin: 0;

      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
      font-variant-numeric: lining-nums proportional-nums;
      background-color: var(--ml-bg); color: var(--ml-ink); font-family: var(--ff-body); -webkit-font-smoothing: antialiased; overflow-x: hidden;
    }

    [data-m3-page="life-architecture"] {
      display: block;
      width: 100%;
      overflow: clip;
    }

    [data-m3-page="life-architecture"] .page-section {
      position: relative;
      width: 100%;
    }

    [data-m3-page="life-architecture"] .hero-title {
      margin: 0;
      padding: 0;
      color: inherit;
      font: inherit;
    }


    [data-m3-page="life-architecture"] button.doc-card,
    [data-m3-page="life-architecture"] button.ctrl-btn,
    [data-m3-page="life-architecture"] button.lb-close,
    [data-m3-page="life-architecture"] button.lb-arrow {
      appearance: none;
      -webkit-appearance: none;
      border: 0;
      background: transparent;
      padding: 0;
      color: inherit;
      font: inherit;
      text-align: inherit;
    }

    [data-m3-page="life-architecture"] .v-faq-heading {
      margin: 0;
      padding: 0;
      font: inherit;
    }

    [data-m3-page="life-architecture"] img {
      max-width: 100%;
    }

/* ===== Shared design tokens ===== */
[data-m3-page="life-architecture"] {
  /* Hero */
  --ml-bg: #F9F7F2;
  --ml-ink: #1A1A1A;
  --ml-ink-light: #3A3A3A;
  --ml-ink-muted: #807D78;
  --ml-gold: #C6A664;
  --ml-gold-dark: #8C6B30;
  --ml-gold-dim: rgba(198, 166, 100, 0.4);

  --ff-title: 'Playfair Display', serif;
  --ff-body: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --ff-label: 'Cinzel', serif;
  --ff-zh: 'Ma Shan Zheng', cursive;

  --s1-ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Outcome theory */
  --v13-bg: #020202;
  --v13-gold: #C6A664;
  --v13-gold-bright: #E8D5A2;
  --v13-gold-dim: rgba(198, 166, 100, 0.2);
  --v13-text-main: #FFFFFF;
  --v13-text-body: #C4C4C4;
  --f-brush: "Ma Shan Zheng", cursive;
  --f-serif: "Noto Serif SC", serif;
  --f-en: "Playfair Display", serif;
  --f-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --f-cinzel: "Cinzel", serif;
  --ease-elegant: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Outcome report pillars */
  --outcome-paper: #ECE8DE;
  --outcome-paper-bright: #F6F3EC;
  --outcome-ink: #171614;
  --outcome-text: #66625D;
  --outcome-gold: #C5A059;
  --outcome-gold-dark: #8C6B30;
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);

  /* Service tiers */
  --v133-bg: #F9F7F2;
  --v133-ink: #1A1A1A;
  --v133-gold: #C6A664;
  --v133-gold-light: rgba(198, 166, 100, 0.15);
  --v133-gold-dark: #8C6B30;
  --v133-beige: #FFFDF5;

  /* Sample Report */
  --v154-bg: #F9F7F2;
  --v154-ink: #111111;
  --v154-grey: #888888;
  --v154-gold: #C6A664;
  --v154-card-ratio: 210 / 297;

  /* 动效曲线：极慢、极柔 */
  --v154-ease-slow: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* 字体 */
  --v154-font-num: 'Space Mono', monospace;
  --v154-font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --v154-font-serif: 'Playfair Display', serif;

  /* Master Lee */
  --m175-bg: #030303;
  /* 与其他深色 section 统一为微暖深黑 */
  --m175-text: #EAEAEA;
  --m175-gold: #C6A664;
  /* 顶级香槟金 */
  --m175-line: rgba(255, 255, 255, 0.06);

  /* 顶级奢侈品阻尼曲线 */
  --ease-reveal: cubic-bezier(0.2, 0.8, 0.1, 1);
  --ease-curtain: cubic-bezier(0.8, 0, 0.2, 1);

  /* Client Stories */
  --v172-bg: #030303;
  --v172-card-border: rgba(255, 255, 255, 0.06);
  --v172-card-m: linear-gradient(168deg, #181612 0%, #0f0e0c 48%, #151310 100%);
  --v172-gold: #C6A664;     /* 顶级香槟流金 */
  --v172-gold-dim: rgba(198, 166, 100, 0.15);
  --v172-text-main: #EAEAEA;
  --v172-text-muted: #999999;
  /* 卡片底部 ↔ 分页导航：由 JS 按当前激活卡片高度写入，避免固定像素粘黏或过远 */
  --echo-controls-gap: 30px;

  --v172-ease: cubic-bezier(0.2, 0.8, 0.1, 1);
  --v172-font-num: 'Space Mono', monospace;
  --v172-font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --v172-font-serif: 'Playfair Display', serif;

  /* Process */
  --v184-bg: #030303;          /* 彻底移除噪点，绝对纯黑 */
  --v184-card: #0A0A0A;        /* 卡片纯净底板 */
  --v184-text-main: #EAEAEA;
  --v184-text-sub: #999999;

  --v184-gold: #C6A664;        /* 顶级香槟流金 */
  --v184-gold-dim: rgba(198, 166, 100, 0.2);
  --v184-gold-glow: rgba(198, 166, 100, 0.5);

  --ease-lux: cubic-bezier(0.2, 0.8, 0.1, 1);
  --ease-majestic: cubic-bezier(0.2, 0.8, 0.1, 1);
}

/* ===== Global reset ===== */
[data-m3-page="life-architecture"] * { box-sizing: border-box; margin: 0; padding: 0; }

/* ===== Hero ===== */

        /* ==========================================
           UI 组件
           ========================================== */
        /* 1. 胶囊标签 (Pill) */
        [data-m3-page="life-architecture"] .eyebrow-pill {
            display: inline-flex; align-items: center; justify-content: center; gap: 14px;
            background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
            padding: 12px 28px; border-radius: 100px; border: 1px solid rgba(198, 166, 100, 0.3);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); width: fit-content;
        }
        [data-m3-page="life-architecture"] .eb-diamond { width: 6px; height: 6px; background: var(--ml-gold); transform: rotate(45deg); opacity: 0.9; }
        [data-m3-page="life-architecture"] .eb-text { font-family: var(--ff-label); font-size: 0.95rem; font-weight: 600; color: var(--ml-gold-dark); letter-spacing: 0.28em; text-transform: uppercase; margin-top: 1px; }

        /* 2. 原版金句 (Quote) */
        [data-m3-page="life-architecture"] .quote-lead { font-family: var(--ff-title); line-height: 1.4; color: var(--ml-ink); font-weight: 400; letter-spacing: 0.01em; margin-bottom: 18px; }
        [data-m3-page="life-architecture"] .quote-lead span { display: block; white-space: nowrap; }
        [data-m3-page="life-architecture"] .quote-lead strong { margin-top: 8px; letter-spacing: 0.01em; white-space: nowrap; }
        [data-m3-page="life-architecture"] .paragraph-body { font-family: var(--ff-body); line-height: 1.65; color: var(--ml-ink-light); font-weight: 300; max-width: 580px; }

        /* 3. 档案卡片 (Artefact Card) */
        [data-m3-page="life-architecture"] .artefact-card {
            position: relative; background: linear-gradient(135deg, #FFFFFF, #FCFCFC);
            padding: 60px 55px; text-align: center; border-radius: 2px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.03); border: 1px solid rgba(198, 166, 100, 0.15);
            transition: all 0.6s var(--s1-ease);
            max-width: 900px; width: 100%; margin-bottom: 80px;
        }
        [data-m3-page="life-architecture"] .artefact-card:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(198, 166, 100, 0.06); border-color: rgba(198, 166, 100, 0.3); }
        [data-m3-page="life-architecture"] .cn-mounting-frame { position: absolute; inset: 24px; border: 1px solid rgba(198, 166, 100, 0.2); pointer-events: none; transition: all 0.7s var(--s1-ease); }
        [data-m3-page="life-architecture"] .artefact-card:hover .cn-mounting-frame { inset: 20px; border-color: rgba(198, 166, 100, 0.35); }
        [data-m3-page="life-architecture"] .cn-corner { position: absolute; width: 36px; height: 36px; color: rgba(198, 166, 100, 0.65); transition: all 0.7s var(--s1-ease); }
        [data-m3-page="life-architecture"] .artefact-card:hover .cn-corner { color: rgba(198, 166, 100, 0.85); width: 42px; height: 42px; }
        [data-m3-page="life-architecture"] .cn-corner.tl { top: -1px; left: -1px; } [data-m3-page="life-architecture"] .cn-corner.tr { top: -1px; right: -1px; transform: scaleX(-1); }
        [data-m3-page="life-architecture"] .cn-corner.bl { bottom: -1px; left: -1px; transform: scaleY(-1); } [data-m3-page="life-architecture"] .cn-corner.br { bottom: -1px; right: -1px; transform: scale(-1, -1); }

        [data-m3-page="life-architecture"] .af-headline { font-family: var(--ff-title); font-size: 1.9rem; color: var(--ml-ink); font-weight: 500; line-height: 1.35; margin-bottom: 23px; position: relative; z-index: 2; }
        [data-m3-page="life-architecture"] .af-headline .zh-gold { font-family: var(--ff-zh); font-weight: 400; font-size: 1.08em; color: var(--ml-gold-dark); margin-left: 12px; }
        [data-m3-page="life-architecture"] .af-headline span.sub-line { display: block; margin-top: 16px; font-family: var(--ff-label); font-weight: 500; color: var(--ml-gold-dark); font-size: 0.86rem; letter-spacing: 0.12em; line-height: 1.55; }
        [data-m3-page="life-architecture"] .af-desc {
          font-family: var(--ff-body); font-size: 1.05rem; line-height: 1.72; color: var(--ml-ink-light); font-weight: 300; margin-bottom: 36px; position: relative; z-index: 2; max-width: 680px; margin-left: auto; margin-right: auto;
          text-wrap: pretty;
        }
        [data-m3-page="life-architecture"] .af-signature-box { display: flex; align-items: center; justify-content: center; gap: 20px; border-top: 1px solid rgba(198, 166, 100, 0.2); padding-top: 30px; position: relative; z-index: 2; max-width: 720px; margin-left: auto; margin-right: auto; }
        [data-m3-page="life-architecture"] .imperial-seal-xl { width: 44px; height: 44px; object-fit: contain; }
        [data-m3-page="life-architecture"] .seal-caption-xl { font-family: var(--ff-body); font-size: 0.98rem; font-weight: 300; color: var(--ml-ink-muted); font-style: italic; text-align: left; line-height: 1.5; white-space: nowrap; }

        /* 4. 全新精细化竖向定价卡片 (Refined Vertical Pricing Cards) */
        [data-m3-page="life-architecture"] .pricing-wrapper { max-width: 900px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px; align-items: stretch; }
        [data-m3-page="life-architecture"] .p-card {
            display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 12px;
            background: linear-gradient(135deg, #FFFFFF, #FCFCFC); padding: 50px 40px 45px 40px;
            border: 1px solid rgba(198, 166, 100, 0.15); border-radius: 2px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); transition: all 0.4s var(--s1-ease);
            position: relative;
        }
        [data-m3-page="life-architecture"] .p-card:hover { box-shadow: 0 15px 40px rgba(198, 166, 100, 0.06); transform: translateY(-4px); border-color: rgba(198, 166, 100, 0.3); }

        [data-m3-page="life-architecture"] .p-pro {
            border: 1px solid rgba(198, 166, 100, 0.5); background: #FFFFFF;
            box-shadow: 0 15px 45px rgba(198, 166, 100, 0.12);
            transform: scale(1.03); z-index: 2;
        }
        [data-m3-page="life-architecture"] .p-pro:hover { box-shadow: 0 25px 60px rgba(198, 166, 100, 0.2); transform: scale(1.03) translateY(-4px); border-color: rgba(198, 166, 100, 0.8); }

        [data-m3-page="life-architecture"] .p-info { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; margin-bottom: auto; width: 100%; }
        [data-m3-page="life-architecture"] .p-label { font-family: var(--ff-label); font-weight: 600; color: var(--ml-ink-muted); text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.8rem; }
        [data-m3-page="life-architecture"] .p-pro .p-label { color: var(--ml-gold-dark); }

        [data-m3-page="life-architecture"] .p-desc { font-family: var(--ff-title); font-size: 1.7rem; color: var(--ml-ink); font-weight: 400; margin: 0; line-height: 1.3; }

        [data-m3-page="life-architecture"] .p-price { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 12px; margin: 22px 0 28px 0; width: 100%; border-top: 1px solid rgba(198, 166, 100, 0.15); padding-top: 22px; }
        [data-m3-page="life-architecture"] .p-pro .p-price { border-top-color: rgba(198, 166, 100, 0.3); }
        [data-m3-page="life-architecture"] .price-old { font-family: var(--ff-body); font-size: 1.16rem; color: #908E8A; text-decoration: line-through; font-weight: 400; }
        [data-m3-page="life-architecture"] .price-now { font-family: var(--ff-title); font-size: 2.1875rem; color: var(--ml-ink); font-weight: 500; line-height: 1; }
        [data-m3-page="life-architecture"] .p-pro .price-now { color: var(--ml-gold-dark); }

        [data-m3-page="life-architecture"] .p-action { width: 100%; }
        [data-m3-page="life-architecture"] .p-action .btn-pill { width: 100%; max-width: 100%; }

        [data-m3-page="life-architecture"] .btn-pill { display: inline-flex; justify-content: center; align-items: center; font-family: var(--ff-label); font-size: 0.85rem; font-weight: 500; letter-spacing: 0.25em; text-transform: uppercase; text-decoration: none; height: 52px; padding: 0 30px; border-radius: 2px; transition: all 0.4s var(--s1-ease); cursor: pointer; white-space: nowrap; }
        [data-m3-page="life-architecture"] .btn-outline { background-color: transparent; color: var(--ml-ink); border: 1px solid var(--ml-ink); }
        [data-m3-page="life-architecture"] .btn-outline:hover { background-color: var(--ml-ink); color: var(--ml-bg); }
        [data-m3-page="life-architecture"] .btn-black { background-color: var(--ml-ink); color: #FFFFFF; border: 1px solid var(--ml-ink); }
        [data-m3-page="life-architecture"] .btn-black:hover { background-color: var(--ml-gold-dark); border-color: var(--ml-gold-dark); color: #FFFFFF; }

        /* 5. 原版状态尾部 (Status Footer) */
        [data-m3-page="life-architecture"] .status-footer { display: flex; flex-direction: column; gap: 10px; padding-top: 15px; align-items: center; text-align: center; }
        [data-m3-page="life-architecture"] .status-pill { display: flex; align-items: center; gap: 10px; font-family: var(--ff-body); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.15em; color: #2B7A46; text-transform: uppercase; }
        [data-m3-page="life-architecture"] .pulse-light { width: 8px; height: 8px; background-color: #2B7A46; border-radius: 50%; box-shadow: 0 0 0 rgba(43, 122, 70, 0.4); animation: indicatorPulse 2s infinite; }
        [data-m3-page="life-architecture"] .status-msg { font-family: var(--ff-body); font-size: 1.1rem; color: var(--ml-ink-light); }
        [data-m3-page="life-architecture"] .status-msg strong { color: var(--ml-ink); font-weight: 500; }
        [data-m3-page="life-architecture"] .status-aside { font-family: var(--ff-body); font-size: 0.95rem; color: var(--ml-ink-muted); max-width: 400px; line-height: 1.5; }

        /* 动效 */
        [data-m3-page="life-architecture"] .ux-reveal {
          opacity: 0;
          transform: translateY(20px);
          transition: opacity 0.72s var(--s1-ease), transform 0.72s var(--s1-ease);
          transition-delay: var(--reveal-delay, 0ms);
        }
        [data-m3-page="life-architecture"] .ux-reveal.is-unveiled { opacity: 1; transform: translateY(0); }

        /* ==========================================
           布局: SPLIT HERO + CANVAS
           ========================================== */
        [data-m3-page="life-architecture"] .split-hero { display: flex; width: 100vw; min-height: 85vh; border-bottom: 1px solid var(--ml-gold-dim); }
        [data-m3-page="life-architecture"] .sh-left { flex: 0.9; display: flex; flex-direction: column; justify-content: center; padding: 10vw 6vw 10vw 8vw; background: var(--ml-bg); }
        [data-m3-page="life-architecture"] .sh-right { flex: 1.1; position: relative; }
        [data-m3-page="life-architecture"] .sh-right img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

        @media (max-width: 1024px) {
            [data-m3-page="life-architecture"] .sh-right img { object-position: 50% 76%; }
        }

        [data-m3-page="life-architecture"] .h-line { font-family: var(--ff-title); color: var(--ml-ink); font-weight: 400; line-height: 1.05; display: block; letter-spacing: 0; }
        [data-m3-page="life-architecture"] .h-line-gold { font-style: italic; margin-top: 8px; }

        [data-m3-page="life-architecture"] .hero-copy-group { margin-top: 55px; padding-left: 0; border-left: none; }

        [data-m3-page="life-architecture"] .content-canvas { padding: 100px 5vw; display: flex; flex-direction: column; align-items: center; background: var(--ml-bg); }

        /* ==========================================
           移动端适配优调 (Mobile Optimization)
           ========================================== */
        @media (max-width: 900px) {
            [data-m3-page="life-architecture"] .split-hero { flex-direction: column; min-height: auto; }

            /* 手机与平板：图片在上、正文在下，保持清晰分区 */
            [data-m3-page="life-architecture"] .sh-left { padding: 48px 6vw 8vh 6vw; min-height: auto; align-items: flex-start; text-align: left; }
            [data-m3-page="life-architecture"] .sh-right {
                height: clamp(320px, 42vh, 440px);
                min-height: clamp(320px, 42vh, 440px);
                display: block;
                order: -1;
                position: relative;
                border-bottom: 1px solid rgba(140, 107, 48, 0.32);
            }

            /* 手机端标题调整 */
            [data-m3-page="life-architecture"] .eyebrow-pill { margin-bottom: 26px; padding: 10px 24px; }
            [data-m3-page="life-architecture"] .eb-text { font-size: 0.85rem; }
            [data-m3-page="life-architecture"] .h-line { font-size: clamp(3rem, 11vw, 3.8rem); display: block; line-height: 1.05; }
            [data-m3-page="life-architecture"] .h-line-gold { display: block; margin-top: 8px; }

            /* 手机端引用区对齐与间距 */
            [data-m3-page="life-architecture"] .hero-copy-group {
                margin-top: 36px;
                padding-left: 0;
                border-left: none;
                border-top: none;
                padding-top: 0;
                text-align: left;
            }
            [data-m3-page="life-architecture"] .quote-lead { font-size: 1.45rem; line-height: 1.35; margin-bottom: 14px; }
            [data-m3-page="life-architecture"] .quote-lead span { display: block; white-space: normal; } /* 手机端允许换行，避免溢出 */
            [data-m3-page="life-architecture"] .quote-lead strong { font-size: 1.65rem; margin-top: 6px; display: block; white-space: normal; }
            [data-m3-page="life-architecture"] .paragraph-body { margin-left: 0; margin-right: 0; font-size: 1.15rem; font-weight: 300; margin-top: 0; }

            /* 手机端下方画布间距紧凑化 */


            [data-m3-page="life-architecture"] .artefact-card { padding: 50px 30px; margin-bottom: 60px; }
            [data-m3-page="life-architecture"] .cn-mounting-frame { inset: 16px; }
            [data-m3-page="life-architecture"] .artefact-card:hover .cn-mounting-frame { inset: 14px; }
            [data-m3-page="life-architecture"] .af-headline { font-size: 1.58rem; line-height: 1.32; }
            [data-m3-page="life-architecture"] .af-headline .zh-gold { font-size: 1.12em; display: block; margin-left: 0; margin-top: 9px; } /* 手机端中文换行显示 */
            [data-m3-page="life-architecture"] .af-headline span.sub-line { font-size: 0.8rem; line-height: 1.5; }
            [data-m3-page="life-architecture"] .af-desc { font-size: 1rem; line-height: 1.7; margin-bottom: 28px; }

            [data-m3-page="life-architecture"] .af-signature-box { flex-direction: column; gap: 16px; padding-top: 24px; text-align: center; }
            [data-m3-page="life-architecture"] .seal-caption-xl { font-size: 0.95rem; text-align: center; white-space: normal; }

            /* 手机端价格卡片精细化尺寸与布局 */
            [data-m3-page="life-architecture"] .pricing-wrapper { grid-template-columns: 1fr; gap: 24px; margin-bottom: 50px; max-width: 100%; margin-left: auto; margin-right: auto; }
            [data-m3-page="life-architecture"] .p-card { padding: 40px 30px 35px 30px; transform: none; align-items: flex-start; text-align: left; }
            [data-m3-page="life-architecture"] .p-pro { transform: none; box-shadow: 0 10px 30px rgba(198, 166, 100, 0.05); }
            [data-m3-page="life-architecture"] .p-pro:hover { transform: translateY(-2px); }
            [data-m3-page="life-architecture"] .p-info { align-items: flex-start; }
            [data-m3-page="life-architecture"] .p-desc { font-size: 1.5rem; }
            [data-m3-page="life-architecture"] .p-price { flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 12px; margin: 20px 0 26px 0; padding-top: 20px; }
            [data-m3-page="life-architecture"] .price-now { font-size: 2.0625rem; }
            [data-m3-page="life-architecture"] .btn-pill { height: 50px; }

            [data-m3-page="life-architecture"] .status-footer { padding-top: 0; }
        }

        @media (max-width: 620px) {
            [data-m3-page="life-architecture"] .sh-left { padding-top: 44px; }
            [data-m3-page="life-architecture"] .eyebrow-pill { margin-bottom: 23px; }
        }

/* ===== Outcome: Theory ===== */
/* --- 基础重置 --- */
  [data-m3-page="life-architecture"] .merged-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.6;
  }

  [data-m3-page="life-architecture"] .merged-wrapper * {
    box-sizing: border-box;
  }

  /* ==== IMPORTED V13 SEC STYLES ==== */


  /* Outcome theory foundation */

  [data-m3-page="life-architecture"] .v13-sec {
    position: relative;
    background-color: var(--v13-bg);
    color: var(--v13-text-main);
    padding: 50px 4vw 50px 4vw;
    overflow: visible;
    display: flex;
    justify-content: center;
    font-family: var(--f-sans);
    -webkit-font-smoothing: antialiased;
  }

  [data-m3-page="life-architecture"] .v13-bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }

  /* 仅第一段允许背景层向下延伸到 Apply 区块 */
  [data-m3-page="life-architecture"] .merged-wrapper.v13-extend-host {
    overflow: hidden;
    position: relative;
  }

  [data-m3-page="life-architecture"] .v13-ambient {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at 50% 20%, rgba(198, 166, 100, 0.12) 0%, rgba(198, 166, 100, 0.03) 60%, transparent 100%);
  }

  [data-m3-page="life-architecture"] .v13-matrix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 1;
  }

  [data-m3-page="life-architecture"] .v13-matrix-col {
    position: absolute;
    font-family: var(--f-brush);
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
  }

  /* --- STAGGERED REVEAL SYSTEM --- */
  [data-m3-page="life-architecture"] .anim-hide {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.86s var(--ease-elegant), transform 0.86s var(--ease-elegant);
  }

  /* Outcome reveal state is scoped to this section. */
  [data-m3-page="life-architecture"] .v13-sec .is-visible {
    opacity: 1;
    transform: translateY(0) !important;
  }

  /* Elements within triggered containers have additional stagger */
  [data-m3-page="life-architecture"] .v13-header-sec .v13-h2,
  [data-m3-page="life-architecture"] .v13-header-sec .v13-subh,
  [data-m3-page="life-architecture"] .v13-header-sec .v13-trinity-intro,
  [data-m3-page="life-architecture"] .v13-header-sec .v13-trinity-col,
  [data-m3-page="life-architecture"] .v13-header-sec .v13-transition {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s var(--ease-elegant), transform 0.8s var(--ease-elegant);
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-h2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-subh {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.14s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-trinity-intro {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition-delay: 0.24s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-trinity-col:nth-child(1) {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition-delay: 0.28s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-trinity-col:nth-child(2) {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition-delay: 0.38s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-trinity-col:nth-child(3) {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition-delay: 0.48s;
  }

  [data-m3-page="life-architecture"] .v13-header-sec.is-visible .v13-transition {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition-delay: 0.62s;
  }


  [data-m3-page="life-architecture"] .v13-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  [data-m3-page="life-architecture"] .v13-header-sec {
    text-align: center;
    max-width: 850px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  [data-m3-page="life-architecture"] .v13-h2 {
    font-family: var(--f-en);
    font-weight: 400;
    color: var(--v13-text-main);
    height: auto;
  }

  [data-m3-page="life-architecture"] .v13-subh {
    font-family: var(--f-cinzel);
    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
    color: var(--v13-gold);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 50px;
    padding: 15px 0;
    border-top: 1px solid var(--v13-gold-dim);
    border-bottom: 1px solid var(--v13-gold-dim);
    display: inline-block;
    font-weight: 500;
  }

  [data-m3-page="life-architecture"] .v13-trinity-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  [data-m3-page="life-architecture"] .v13-trinity-intro {
    font-size: 1.35rem;
    line-height: 1.8;
    color: var(--v13-text-body);
    font-weight: 400;
    text-align: center;
    max-width: 800px;
  }

  [data-m3-page="life-architecture"] .v13-trinity-line {
    display: block;
    margin-bottom: 5px;
  }

  [data-m3-page="life-architecture"] .v13-trinity-highlight {
    color: #FFFFFF;
    font-weight: 500;
  }

  [data-m3-page="life-architecture"] .v13-trinity-grid {
    width: 100%;
    max-width: 1100px;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--v13-gold-dim);
    border-bottom: 1px solid var(--v13-gold-dim);
    position: relative;
  }

  [data-m3-page="life-architecture"] .v13-trinity-col {
    flex: 1;
    padding: 38px 20px;
    text-align: center;
    position: relative;
  }

  [data-m3-page="life-architecture"] .v13-trinity-col:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(198, 166, 100, 0.4), transparent);
  }

  [data-m3-page="life-architecture"] .v13-trinity-col strong {
    display: block;
    font-family: var(--f-cinzel);
    font-size: 1rem;
    color: var(--v13-gold-bright);
    margin-bottom: 15px;
    letter-spacing: 0.05em;
    font-weight: 500;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .v13-trinity-col p {
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--v13-text-body);
    font-weight: 300;
  }

  [data-m3-page="life-architecture"] .v13-transition {
    padding-top: 15px;
    margin-top: 18px;
    margin-bottom: 28px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #FFFFFF;
    font-weight: 300;
  }


        @media (max-width: 900px) {
            [data-m3-page="life-architecture"] .v13-trinity-intro {
                font-size: 1.15rem;
                line-height: 1.6;
                padding: 0 15px;
            }

            [data-m3-page="life-architecture"] .v13-transition {
                font-size: 1.15rem;
                line-height: 1.6;
                padding: 0 15px;
                margin-bottom: 22px;
            }

            [data-m3-page="life-architecture"] .v13-trinity-grid {
                flex-direction: column;
                border: none;
                gap: 0;
                background: transparent;
                position: relative;
            }

            [data-m3-page="life-architecture"] .v13-trinity-grid::before,
            [data-m3-page="life-architecture"] .v13-trinity-grid::after {
                content: '';
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width: 75%;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(198, 166, 100, 0.4), transparent);
                display: block;
            }

            [data-m3-page="life-architecture"] .v13-trinity-grid::before {
                top: 0;
            }

            [data-m3-page="life-architecture"] .v13-trinity-grid::after {
                bottom: 0;
            }

            [data-m3-page="life-architecture"] .v13-trinity-col {
                padding: 25px 15px;
                border: none;
                text-align: center;
                background: transparent;
                position: relative;
            }

            [data-m3-page="life-architecture"] .v13-trinity-col::before,
            [data-m3-page="life-architecture"] .v13-trinity-col::after {
                display: none;
            }

            [data-m3-page="life-architecture"] .v13-trinity-col:not(:last-child)::after {
                content: '';
                position: absolute;
                bottom: 0;
                top: auto;
                right: auto;
                left: 50%;
                transform: translateX(-50%);
                width: 75%;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(198, 166, 100, 0.4), transparent);
                display: block;
            }

            [data-m3-page="life-architecture"] .v13-trinity-col:last-child {
                border-bottom: none;
            }
        }

/* ===== Outcome: report pillars ===== */
[data-m3-page="life-architecture"] .page-section--outcome .v13-list {
  width: 100%;
}

[data-m3-page="life-architecture"] .outcome-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 2.2vw, 32px);
  width: 100%;
  padding: 24px 0 10px;
}

[data-m3-page="life-architecture"] .outcome-pillar-grid .reveal-item {
  --reveal-delay: 0ms;
  opacity: 0;
  filter: blur(6px);
  transform: none;
  transition:
    opacity 0.72s var(--ease-smooth) var(--reveal-delay),
    filter 0.72s var(--ease-smooth) var(--reveal-delay),
    background-color 0.58s var(--ease-smooth),
    border-color 0.58s var(--ease-smooth),
    box-shadow 0.58s var(--ease-smooth),
    transform 0.58s var(--ease-smooth);
}

[data-m3-page="life-architecture"] .outcome-pillar-grid .reveal-item.reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: none;
}

[data-m3-page="life-architecture"] .outcome-pillar-card {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 34rem;
  overflow: hidden;
  border: 1px solid rgba(197, 160, 89, 0.24);
  border-radius: 2px;
  background: linear-gradient(150deg, var(--outcome-paper-bright) 0%, var(--outcome-paper) 100%);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.42);
  color: var(--outcome-ink);
}

[data-m3-page="life-architecture"] .outcome-pillar-card::before {
  position: absolute;
  inset: auto 0 0;
  z-index: 0;
  height: 4rem;
  background: linear-gradient(to top, rgba(197, 160, 89, 0.08), transparent);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.72s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: clamp(34px, 3.2vw, 50px) clamp(28px, 2.8vw, 42px);
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.68s var(--ease-smooth) var(--reveal-delay),
    transform 0.76s var(--ease-smooth) var(--reveal-delay);
}

[data-m3-page="life-architecture"] .outcome-pillar-card.reveal-visible .outcome-pillar-content {
  opacity: 1;
  transform: translateY(0);
}

[data-m3-page="life-architecture"] .outcome-pillar-corner {
  --outcome-corner-color: rgba(140, 107, 48, 0.46);
  position: absolute;
  z-index: 3;
  width: 26px;
  height: 26px;
  border-color: var(--outcome-corner-color);
  opacity: 0.72;
  pointer-events: none;
  transition: width 0.72s var(--ease-smooth), height 0.72s var(--ease-smooth), border-color 0.72s ease, opacity 0.72s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-corner::after {
  position: absolute;
  width: 10px;
  height: 10px;
  border-color: inherit;
  content: "";
  transition: width 0.72s var(--ease-smooth), height 0.72s var(--ease-smooth);
}

[data-m3-page="life-architecture"] .outcome-pillar-corner--top {
  top: 9px;
  right: 9px;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}

[data-m3-page="life-architecture"] .outcome-pillar-corner--top::after {
  top: 5px;
  right: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}

[data-m3-page="life-architecture"] .outcome-pillar-corner--bottom {
  bottom: 9px;
  left: 9px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}

[data-m3-page="life-architecture"] .outcome-pillar-corner--bottom::after {
  bottom: 5px;
  left: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}

[data-m3-page="life-architecture"] .outcome-pillar-watermark {
  position: absolute;
  right: -22px;
  bottom: -30px;
  z-index: 0;
  color: var(--outcome-gold);
  font-family: var(--f-brush);
  font-size: clamp(11rem, 14vw, 14rem);
  line-height: 1;
  opacity: 0.075;
  pointer-events: none;
  transform: rotate(-3deg);
  transition: opacity 1s var(--ease-smooth), transform 1s var(--ease-smooth);
}

[data-m3-page="life-architecture"] .outcome-pillar-number {
  display: block;
  margin-bottom: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(197, 160, 89, 0.34);
  color: var(--outcome-gold);
  font-family: "Space Mono", monospace;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: uppercase;
  transition: border-color 0.6s ease, padding-right 0.6s var(--ease-smooth);
}

[data-m3-page="life-architecture"] .outcome-pillar-title {
  margin: 0 0 5px;
  color: var(--outcome-ink);
  font-family: var(--f-en);
  font-size: clamp(1.55rem, 2vw, 1.85rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-wrap: balance;
  transition: color 0.6s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-title-lock {
  white-space: nowrap;
}

[data-m3-page="life-architecture"] .outcome-pillar-name {
  display: block;
  margin-bottom: 26px;
  color: var(--outcome-gold);
  font-family: var(--f-serif);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  transition: color 0.6s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-divider {
  width: 100%;
  height: 1px;
  margin-bottom: 26px;
  background: rgba(23, 22, 20, 0.1);
  transition: background-color 0.6s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-intro {
  margin: 0 0 22px;
  color: #45413D;
  font-family: var(--f-sans);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.52;
  text-wrap: pretty;
}

[data-m3-page="life-architecture"] .outcome-pillar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-m3-page="life-architecture"] .outcome-pillar-list li {
  margin-bottom: 18px;
  color: var(--outcome-text);
  font-family: var(--f-sans);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.55;
  text-wrap: pretty;
}

[data-m3-page="life-architecture"] .outcome-pillar-list li:last-child {
  margin-bottom: 0;
}

[data-m3-page="life-architecture"] .outcome-pillar-list strong {
  display: block;
  margin-bottom: 4px;
  color: var(--outcome-ink);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.6s ease;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro {
  border-color: rgba(198, 166, 100, 0.58);
  background: linear-gradient(150deg, #141311 0%, #050505 100%);
  box-shadow:
    inset 0 1px 0 rgba(198, 166, 100, 0.55),
    inset 0 0 52px rgba(0, 0, 0, 0.86),
    0 18px 48px rgba(0, 0, 0, 0.64);
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro::before {
  background: linear-gradient(to top, rgba(197, 160, 89, 0.16), transparent);
  opacity: 1;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-title,
[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-list strong {
  color: #F8F5EF;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-intro {
  color: #EEEAE2;
  font-weight: 400;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-list li {
  color: #AAA69E;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-divider {
  background: rgba(255, 255, 255, 0.1);
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-watermark {
  opacity: 0.17;
}

[data-m3-page="life-architecture"] .outcome-pillar-card--pro .outcome-pillar-corner {
  --outcome-corner-color: rgba(232, 213, 162, 0.58);
}

/* Desktop Pro signal: the 10-Year Cycles instrument is visible as a quiet
   bronze presence, while the copy remains the primary reading layer. */
@media (min-width: 1025px) {
  [data-m3-page="life-architecture"] .outcome-pillar-card--pro::after {
    position: absolute;
    top: 5%;
    right: -15%;
    z-index: 1;
    width: 68%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: url("/page-assets/life-architecture/assets/images/generated/life-design-pro-time-instrument-baked.webp") center / cover no-repeat;
    content: "";
    opacity: 0.24;
    transform: rotate(-5deg) scale(0.98);
    transform-origin: 58% 44%;
    pointer-events: none;
    transition: opacity 0.72s var(--ease-smooth), transform 0.9s var(--ease-smooth);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card--pro.reveal-visible::after {
    opacity: 0.28;
    transform: rotate(1deg) scale(1.02);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card--pro:hover::after {
    opacity: 0.34;
    transform: rotate(2deg) scale(1.045);
  }
}

@media (hover: hover) and (pointer: fine) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card.reveal-visible:hover {
    z-index: 2;
    border-color: rgba(198, 166, 100, 0.5);
    background: linear-gradient(150deg, #FBF9F4 0%, #F0ECE3 100%);
    box-shadow: 0 26px 62px rgba(0, 0, 0, 0.58), 0 0 24px rgba(198, 166, 100, 0.1);
    transform: translateY(-8px);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover::before {
    opacity: 1;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-corner {
    width: 32px;
    height: 32px;
    border-color: var(--outcome-gold);
    opacity: 1;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-corner::after {
    width: 14px;
    height: 14px;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-watermark {
    opacity: 0.15;
    transform: translate(-5px, -9px) scale(1.04) rotate(0);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-number {
    padding-right: 14px;
    border-bottom-color: var(--outcome-gold);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-title,
  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-name {
    color: var(--outcome-gold-dark);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card:hover .outcome-pillar-list strong {
    color: var(--outcome-gold);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card--pro.reveal-visible:hover {
    border-color: var(--v13-gold-bright);
    background: linear-gradient(140deg, #1D1A16 0%, #080706 100%);
    box-shadow: inset 0 1px 0 rgba(232, 213, 162, 0.62), inset 0 0 52px rgba(0, 0, 0, 0.82), 0 28px 68px rgba(0, 0, 0, 0.72), 0 0 24px rgba(198, 166, 100, 0.12);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card--pro:hover .outcome-pillar-title,
  [data-m3-page="life-architecture"] .outcome-pillar-card--pro:hover .outcome-pillar-name,
  [data-m3-page="life-architecture"] .outcome-pillar-card--pro:hover .outcome-pillar-list strong {
    color: var(--outcome-gold);
  }
}

@media (max-width: 1199px) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 700px) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding-top: 16px;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card {
    min-height: 0;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-content {
    padding: 36px 28px 38px;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-title {
    font-size: clamp(1.55rem, 7vw, 1.9rem);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-watermark {
    right: -16px;
    bottom: -22px;
    font-size: 11rem;
  }
}

@media (max-width: 1024px) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card.reveal-visible.is-mobile-active {
    z-index: 2;
    border-color: rgba(198, 166, 100, 0.48);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.5), 0 0 22px rgba(198, 166, 100, 0.08);
    transform: translateY(-6px);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card.is-mobile-active .outcome-pillar-watermark {
    opacity: 0.14;
    transform: translate(-4px, -7px) scale(1.03);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card.is-mobile-active .outcome-pillar-title,
  [data-m3-page="life-architecture"] .outcome-pillar-card.is-mobile-active .outcome-pillar-list strong {
    color: var(--outcome-gold-dark);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card--pro.is-mobile-active .outcome-pillar-title,
  [data-m3-page="life-architecture"] .outcome-pillar-card--pro.is-mobile-active .outcome-pillar-list strong {
    color: var(--outcome-gold);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid .reveal-item,
  [data-m3-page="life-architecture"] .outcome-pillar-grid .reveal-item.reveal-visible,
  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card.reveal-visible:hover,
  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card.reveal-visible.is-mobile-active {
    filter: none;
    opacity: 1;
    transform: none;
    transition: none;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-card::before,
  [data-m3-page="life-architecture"] .outcome-pillar-card *,
  [data-m3-page="life-architecture"] .outcome-pillar-card *::after {
    transition: none;
  }
}

/* Mobile and tablet presentation for the eight report dimensions. */
[data-m3-page="life-architecture"] .life-dimensions-accordion {
  display: none;
}

@media (max-width: 1024px) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid {
    display: none;
  }

  [data-m3-page="life-architecture"] .life-dimensions-accordion {
    position: relative;
    display: block;
    width: min(100%, 620px);
    margin: 24px auto 10px;
    border-top: 1px solid rgba(150, 113, 58, 0.42);
    border-bottom: 0;
    background: transparent;
    color: #23201a;
    contain: layout paint;
    overflow-anchor: none;
    -webkit-font-smoothing: antialiased;
  }

  [data-m3-page="life-architecture"] .life-dimension {
    position: relative;
    z-index: 1;
    border-bottom: 0;
  }

  [data-m3-page="life-architecture"] .life-dimension:not(.life-dimension--pro) {
    background: linear-gradient(180deg, #faf7f0 0%, #f6f1e8 100%);
  }

  [data-m3-page="life-architecture"] .life-dimension-divider {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(43, 38, 30, 0.12);
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open:not(.life-dimension--pro) {
    z-index: 3;
    background: linear-gradient(180deg, #faf7f0 0%, #f6f1e8 100%);
  }

  [data-m3-page="life-architecture"] .life-dimension--pro.is-open {
    z-index: 3;
  }

  [data-m3-page="life-architecture"] .life-dimension-trigger {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto 32px;
    column-gap: 16px;
    align-items: start;
    width: 100%;
    padding: 26px 28px 25px;
    border: 0;
    background: transparent;
    color: #23201a;
    font: inherit;
    text-align: left;
    cursor: pointer;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }

  [data-m3-page="life-architecture"] .life-dimension-trigger:focus-visible {
    outline: 2px solid rgba(150, 113, 58, 0.75);
    outline-offset: -2px;
  }

  [data-m3-page="life-architecture"] .life-dimension-number {
    grid-column: 1;
    grid-row: 1;
    padding-top: 4px;
    color: #9a743b;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.1rem;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-variant-numeric: lining-nums tabular-nums;
    font-weight: 400;
    line-height: 1.15;
  }

  [data-m3-page="life-architecture"] .life-dimension-title {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding-top: 1px;
    color: #23201a;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.4rem;
    font-feature-settings: "lnum" 1, "pnum" 1;
    font-variant-numeric: lining-nums proportional-nums;
    font-weight: 400;
    letter-spacing: 0.004em;
    line-height: 1.22;
    text-wrap: balance;
  }

  [data-m3-page="life-architecture"] .life-dimension-name {
    grid-column: 3;
    grid-row: 1;
    padding-top: 7px;
    color: #a08b67;
    font-family: var(--f-serif);
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.35;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .life-dimension-toggle {
    position: relative;
    grid-column: 4;
    grid-row: 1;
    width: 32px;
    height: 32px;
    margin-top: 1px;
    border: 1px solid rgba(143, 108, 55, 0.5);
    border-radius: 50%;
    color: #87642f;
  }

  [data-m3-page="life-architecture"] .life-dimension-toggle::before,
  [data-m3-page="life-architecture"] .life-dimension-toggle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background: currentColor;
    content: "";
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: transform 440ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
  }

  [data-m3-page="life-architecture"] .life-dimension-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-toggle {
    border-color: rgba(143, 108, 55, 0.95);
    background: rgba(176, 138, 74, 0.1);
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-toggle::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-toggle::after {
    opacity: 0.42;
    transform: translate(-50%, -50%) rotate(180deg) scaleX(0.94);
  }

  [data-m3-page="life-architecture"] .life-dimension.is-closing .life-dimension-toggle::before {
    transform: translate(-50%, -50%);
  }

  [data-m3-page="life-architecture"] .life-dimension.is-closing .life-dimension-toggle::after {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  [data-m3-page="life-architecture"] .life-dimension-lead {
    grid-column: 2 / -1;
    grid-row: 3;
    width: 100%;
    max-width: 42ch;
    margin: 9px 0 0;
    color: #5b564b;
    font-family: var(--f-sans);
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1.6;
    hyphens: none;
    overflow-wrap: normal;
    text-wrap: pretty;
    word-break: normal;
  }

  [data-m3-page="life-architecture"] .life-dimension-detail {
    display: block;
    height: auto;
    overflow: hidden;
    transition: none;
  }

  [data-m3-page="life-architecture"] .life-dimension-detail[hidden] {
    display: none;
  }

  [data-m3-page="life-architecture"] .life-dimension-detail-inner {
    position: relative;
    min-height: 0;
    overflow: hidden;
    padding: 0 28px 0 84px;
    opacity: 0;
    transition: opacity 180ms ease;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-detail-inner {
    opacity: 1;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-closing .life-dimension-detail-inner {
    opacity: 0;
    transition-duration: 120ms;
  }

  [data-m3-page="life-architecture"] .life-dimensions-accordion.is-flip-animating {
    contain: layout;
    overflow: visible;
  }

  [data-m3-page="life-architecture"] .life-dimensions-accordion.is-flip-animating .life-dimension {
    z-index: 1 !important;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-flip-closing {
    overflow: visible;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-flip-closing .life-dimension-detail {
    position: absolute !important;
    z-index: 0;
    top: var(--life-closing-detail-top);
    right: 0;
    left: 0;
    height: var(--life-closing-detail-height);
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .life-dimension:not(.life-dimension--pro).is-flip-closing .life-dimension-detail {
    background: linear-gradient(180deg, #faf7f0 0%, #f6f1e8 100%);
  }

  [data-m3-page="life-architecture"] .life-dimension--pro.is-flip-closing .life-dimension-detail {
    background: #14110c;
  }

  [data-m3-page="life-architecture"] .life-dimension-detail-inner::before {
    position: absolute;
    top: 0;
    bottom: 22px;
    left: 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(185, 143, 74, 0), rgba(185, 143, 74, 0.38) 18%, rgba(205, 169, 104, 0.6) 54%, rgba(185, 143, 74, 0.18) 84%, rgba(185, 143, 74, 0));
    content: "";
    opacity: 0.72;
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .life-dimension:not(.life-dimension--pro) .life-dimension-detail-inner::before {
    display: none;
  }

  [data-m3-page="life-architecture"] .life-dimension-detail-rule {
    width: 100%;
    height: 1px;
    margin: 1px 0 19px;
    background: linear-gradient(90deg, rgba(150, 113, 58, 0.55), rgba(150, 113, 58, 0.1));
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition:
      opacity 390ms cubic-bezier(0.22, 0.61, 0.36, 1) 48ms,
      transform 390ms cubic-bezier(0.22, 0.61, 0.36, 1) 48ms;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-detail-rule {
    opacity: 1;
    transform: scaleX(1);
  }

  [data-m3-page="life-architecture"] .life-dimension-points {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0 0 30px;
    list-style: none;
  }

  [data-m3-page="life-architecture"] .life-dimension-points li {
    opacity: 1;
  }

  [data-m3-page="life-architecture"] .life-dimension.is-open .life-dimension-points li {
    opacity: 1;
  }

  [data-m3-page="life-architecture"] .life-dimension-points strong {
    position: relative;
    display: block;
    margin-bottom: 4px;
    padding-left: 15px;
    color: #8f6c37;
    font-family: var(--f-sans);
    font-size: 0.94rem;
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: 1.42;
  }

  [data-m3-page="life-architecture"] .life-dimension-points strong::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 5px;
    height: 5px;
    background: linear-gradient(135deg, #cfa964, #8f6c37);
    content: "";
    transform: rotate(45deg);
  }

  [data-m3-page="life-architecture"] .life-dimension-points span {
    display: block;
    padding-left: 15px;
    color: #57534a;
    font-family: var(--f-sans);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.62;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(200, 164, 94, 0.48);
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    background:
      radial-gradient(78% 60% at 90% 14%, rgba(209, 176, 110, 0.08), rgba(209, 176, 110, 0) 72%),
      #14110c;
    box-shadow: inset 0 1px 0 rgba(236, 208, 148, 0.08);
  }

  [data-m3-page="life-architecture"] .life-dimension-pro-surface {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(82% 66% at 91% 2%, rgba(209, 176, 110, 0.11), rgba(209, 176, 110, 0) 72%), linear-gradient(106deg, rgba(255, 252, 242, 0.024), rgba(255, 252, 242, 0) 34%, rgba(209, 176, 110, 0.018)), linear-gradient(180deg, rgba(255, 249, 234, 0.022), rgba(255, 249, 234, 0) 34%, rgba(0, 0, 0, 0.14)), #14110c;
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .life-dimension-pro-instrument {
    display: block;
    position: absolute;
    z-index: 1;
    top: -48px;
    right: -2%;
    width: 46%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: url("/page-assets/life-architecture/assets/images/generated/life-design-pro-time-instrument-baked.webp") center / cover no-repeat;
    opacity: 0.27;
    transform: rotate(-4deg) scale(0.96);
    transform-origin: 58% 44%;
    backface-visibility: hidden;
    will-change: opacity, transform;
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-divider {
    right: 9%;
    left: 9%;
    background: linear-gradient(90deg, rgba(224, 194, 132, 0), rgba(224, 194, 132, 0.27) 50%, rgba(224, 194, 132, 0));
    opacity: 0.59;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro.is-open .life-dimension-pro-instrument {
    opacity: 0.39;
    transform: rotate(2deg) scale(1.035);
  }

  [data-m3-page="life-architecture"] .life-dimension--pro.is-closing .life-dimension-pro-instrument {
    opacity: 0.27;
    transform: rotate(-4deg) scale(0.96);
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-trigger {
    position: relative;
    z-index: 2;
    align-items: center;
    padding-top: 29px;
    padding-bottom: 28px;
    color: #f2ecdf;
    background: radial-gradient(54% 42% at 92% 14%, rgba(209, 176, 110, 0.08), rgba(209, 176, 110, 0) 72%);
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-number {
    align-self: center;
    padding-top: 0;
    background: linear-gradient(115deg, #a8813e, #e9cd8e 48%, #c39a52);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-title {
    display: flex;
    align-self: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.72em;
    row-gap: 0.16em;
    padding-top: 0;
    color: #f5f0e3;
    font-weight: 500;
  }

  [data-m3-page="life-architecture"] .life-dimension-title-main {
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-variant-numeric: lining-nums tabular-nums;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .life-dimension-pro-only {
    display: inline-block;
    color: #c5a464;
    font-family: var(--f-sans);
    font-size: 0.53em;
    font-weight: 500;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-name {
    align-self: center;
    padding-top: 0;
    color: #d0b47f;
    font-size: 0.66rem;
    letter-spacing: 0.16em;
    line-height: 1;
    text-orientation: upright;
    text-shadow: 0 0 14px rgba(208, 180, 127, 0.12);
    transform: translateX(-4px);
    writing-mode: vertical-rl;
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-name::before,
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-name::after {
    display: block;
    width: 1px;
    height: 5px;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(208, 180, 127, 0), rgba(208, 180, 127, 0.56));
    content: "";
  }

  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-name::before { margin-bottom: 2px; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-name::after { margin-top: 2px; background: linear-gradient(180deg, rgba(208, 180, 127, 0.56), rgba(208, 180, 127, 0)); }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-lead { color: #c9c2b2; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-toggle { align-self: center; margin-top: 0; border-color: rgba(209, 176, 110, 0.62); color: #d8ba7f; }
  [data-m3-page="life-architecture"] .life-dimension--pro.is-open .life-dimension-toggle { border-color: #e0c080; background: rgba(209, 176, 110, 0.14); }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-detail-inner { background: linear-gradient(180deg, rgba(209, 176, 110, 0.05), rgba(209, 176, 110, 0.015)); }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-detail { position: relative; z-index: 2; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-detail-inner::before { background: linear-gradient(180deg, rgba(224, 194, 132, 0), rgba(224, 194, 132, 0.34) 18%, rgba(224, 194, 132, 0.56) 54%, rgba(224, 194, 132, 0.16) 84%, rgba(224, 194, 132, 0)); opacity: 0.68; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-detail-rule { margin-bottom: 16px; background: linear-gradient(90deg, rgba(209, 176, 110, 0.78), rgba(209, 176, 110, 0.12)); }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-points { gap: 16px; padding-bottom: 30px; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-points strong { color: #e7c98b; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-points strong::before { background: linear-gradient(135deg, #ecd093, #b98f4a); }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-points span { color: #c8c1b1; }

  html.is-layout-transitioning [data-m3-page="life-architecture"] .page-section--outcome .v13-ambient,
  html.is-layout-transitioning [data-m3-page="life-architecture"] .page-section--outcome .v13-matrix-col {
    animation-play-state: paused !important;
  }

  [data-m3-page="life-architecture"] .page-section--outcome.is-accordion-flip-active .v13-sec {
    overflow: visible;
  }

  [data-m3-page="life-architecture"] .page-section--outcome.is-accordion-flip-active::after {
    position: absolute;
    z-index: 3;
    top: var(--life-tail-fill-top, 100%);
    right: 0;
    left: 0;
    height: var(--life-tail-fill-height, 0px);
    background: #000;
    content: "";
    pointer-events: none;
  }

  [data-m3-page="life-architecture"] .page-section--tiers.is-accordion-tail-moving {
    position: relative;
    z-index: 4;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
    backface-visibility: hidden;
    contain: paint;
    will-change: transform, opacity;
  }
}

/* Landscape tablets have enough width for the editorial two-column layout.
   Keep the accordion for phones and narrow tablets, where reading one card at
   a time is clearer and avoids overly narrow copy. */
@media (min-width: 901px) and (max-width: 1024px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition {
    margin-bottom: 52px;
  }

  [data-m3-page="life-architecture"] .outcome-pillar-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
    padding-top: 14px;
  }

  [data-m3-page="life-architecture"] .life-dimensions-accordion {
    display: none;
  }
}

@media (max-width: 599px) {
  [data-m3-page="life-architecture"] .life-dimensions-accordion {
    width: 100%;
    margin-top: 16px;
  }

  [data-m3-page="life-architecture"] .life-dimension-trigger {
    grid-template-columns: 34px minmax(0, 1fr) auto 28px;
    column-gap: 12px;
    padding: 22px 20px 21px;
  }

  [data-m3-page="life-architecture"] .life-dimension-number { font-size: 1rem; }
  [data-m3-page="life-architecture"] .life-dimension-title { font-size: 1.21rem; line-height: 1.24; }
  [data-m3-page="life-architecture"] .life-dimension-name { padding-top: 4px; font-size: 0.7rem; }
  [data-m3-page="life-architecture"] .life-dimension-toggle { width: 28px; height: 28px; margin-top: -2px; }
  [data-m3-page="life-architecture"] .life-dimension-toggle::before,
  [data-m3-page="life-architecture"] .life-dimension-toggle::after { width: 11px; }
  [data-m3-page="life-architecture"] .life-dimension-lead { max-width: 36ch; margin-top: 8px; font-size: 0.865rem; line-height: 1.62; }
  [data-m3-page="life-architecture"] .life-dimension-detail-inner { padding: 0 20px 0 66px; }
  [data-m3-page="life-architecture"] .life-dimension-points { gap: 17px; padding-bottom: 26px; }
  [data-m3-page="life-architecture"] .life-dimension-points strong { font-size: 0.885rem; }
  [data-m3-page="life-architecture"] .life-dimension-points span { font-size: 0.845rem; line-height: 1.6; }
  [data-m3-page="life-architecture"] .life-dimension-pro-instrument { top: -24px; right: -5%; width: 56%; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-trigger { padding-top: 24px; padding-bottom: 23px; }
  [data-m3-page="life-architecture"] .life-dimension--pro .life-dimension-title { column-gap: 0.62em; }
}

@media (max-width: 350px) {
  [data-m3-page="life-architecture"] .life-dimension-trigger {
    grid-template-columns: 28px minmax(0, 1fr) auto 26px;
    column-gap: 10px;
    padding: 19px 15px 18px;
  }

  [data-m3-page="life-architecture"] .life-dimension-number { font-size: 0.95rem; }
  [data-m3-page="life-architecture"] .life-dimension-title { font-size: 1.12rem; }
  [data-m3-page="life-architecture"] .life-dimension-name { padding-top: 3px; font-size: 0.64rem; letter-spacing: 0.1em; }
  [data-m3-page="life-architecture"] .life-dimension-toggle { width: 26px; height: 26px; }
  [data-m3-page="life-architecture"] .life-dimension-detail-inner { padding: 0 15px 0 53px; }
  [data-m3-page="life-architecture"] .life-dimension-points { padding-bottom: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .life-dimension,
  [data-m3-page="life-architecture"] .life-dimension::before,
  [data-m3-page="life-architecture"] .life-dimension::after,
  [data-m3-page="life-architecture"] .life-dimension-toggle,
  [data-m3-page="life-architecture"] .life-dimension-toggle::before,
  [data-m3-page="life-architecture"] .life-dimension-toggle::after,
  [data-m3-page="life-architecture"] .life-dimension-detail,
  [data-m3-page="life-architecture"] .life-dimension-detail-rule,
  [data-m3-page="life-architecture"] .life-dimension-points li,
  [data-m3-page="life-architecture"] .life-dimension-pro-instrument {
    animation: none !important;
    transition: none !important;
  }
}

/* ===== Service Tiers: Core / Pro ===== */
  /* --- 变量库 --- */


  /* =================================================================
     迷雾动画定义
     ================================================================= */
  @keyframes mistFadeUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* 默认隐藏类 */
  [data-m3-page="life-architecture"] .anim-el {
    opacity: 0;
  }

  /* =================================================================
     PART 3: 浅色区域 (Strategy)
     ================================================================= */
  [data-m3-page="life-architecture"] .section-v133 {
    background-color: var(--v133-bg);
    color: var(--v133-ink);
    padding: 0 4vw 120px 4vw;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    position: relative;
    overflow: hidden;
    z-index: 2;
  }

  [data-m3-page="life-architecture"] .v133-texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
  }

  [data-m3-page="life-architecture"] .container-v133 {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  /* Compact header-to-guidance spacing. */
  [data-m3-page="life-architecture"] .v133-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px auto;
    padding-top: 60px;
  }

  /* --- 减速的主标题动画 --- */
  [data-m3-page="life-architecture"] .v133-header.is-visible .v133-headline {
    animation: mistFadeUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0s;
  }

  [data-m3-page="life-architecture"] .v133-header.is-visible .v133-subhead {
    animation: mistFadeUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s;
  }

  [data-m3-page="life-architecture"] .v133-headline {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 4vw, 3.5rem);
    line-height: 1.1;
    margin-bottom: 20px;
    color: var(--v133-ink);
    opacity: 0;
    font-weight: 400;
  }

  [data-m3-page="life-architecture"] .v133-subhead {
    font-size: 1.15rem;
    color: #666;
    line-height: 1.8;
    opacity: 0;
  }

  /* Slightly bolder for the header subhead line only. */
  [data-m3-page="life-architecture"] .v133-header .v133-subhead {
    font-weight: 400;
  }

  /* =================================================================
     卷轴区：减慢的、阶梯式的展开动画
     ================================================================= */
  [data-m3-page="life-architecture"] .v133-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
    width: 100%;
  }

  [data-m3-page="life-architecture"] .scroll-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  [data-m3-page="life-architecture"] .zen-rod-top {
    width: 100%;
    height: 12px;
    border-radius: 2px;
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    opacity: 0;
  }

  [data-m3-page="life-architecture"] .zen-rod-bottom {
    width: 100%;
    height: 12px;
    border-radius: 2px;
    position: relative;
    z-index: 10;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
    margin-top: -5px;
    opacity: 0;
    transition: transform 0.5s, box-shadow 0.5s;
  }

  [data-m3-page="life-architecture"] .zen-rod-top::before,
  [data-m3-page="life-architecture"] .zen-rod-top::after,
  [data-m3-page="life-architecture"] .zen-rod-bottom::before,
  [data-m3-page="life-architecture"] .zen-rod-bottom::after {
    content: '';
    position: absolute;
    top: -2px;
    width: 6px;
    height: 16px;
    border-radius: 1px;
  }

  [data-m3-page="life-architecture"] .zen-rod-top::before {
    left: 8px;
  }

  [data-m3-page="life-architecture"] .zen-rod-top::after {
    right: 8px;
  }

  [data-m3-page="life-architecture"] .zen-rod-bottom::before {
    left: 8px;
  }

  [data-m3-page="life-architecture"] .zen-rod-bottom::after {
    right: 8px;
  }

  /* 卷轴纸的初始状态 */
  [data-m3-page="life-architecture"] .zen-paper-mask {
    width: 96%;
    position: relative;
    z-index: 5;
    margin-top: -6px;
    margin-bottom: -6px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.5s;
  }

  /* 卷轴纸面直接打开：去掉"展开"动画，仅保留内部元素的入场动画 */
  [data-m3-page="life-architecture"] .scroll-container.is-visible .zen-paper-mask {

    opacity: 1;
  }

  [data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item {
    opacity: 0;
  }

  [data-m3-page="life-architecture"] .zen-paper-bg {
    background: #FFF;
    padding: 6px;
    height: 100%;
    position: relative;
  }

  [data-m3-page="life-architecture"] .zen-inner {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px 24px;
    background: #FFFCF9;
    position: relative;
  }

  [data-m3-page="life-architecture"] .scroll-container:hover {
    transform: translateY(-8px);
  }

  [data-m3-page="life-architecture"] .scroll-container:hover .zen-paper-mask {
    box-shadow: 0 25px 60px rgba(198, 166, 100, 0.15), 0 0 0 1px rgba(198, 166, 100, 0.05);
  }

  [data-m3-page="life-architecture"] .scroll-container:hover .zen-rod-bottom {
    transform: translateY(4px);
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
  }

  [data-m3-page="life-architecture"] .s-core .zen-rod-top,
  [data-m3-page="life-architecture"] .s-core .zen-rod-bottom {
    background: #2A2A2A;
  }

  [data-m3-page="life-architecture"] .s-core .zen-rod-top::before,
  [data-m3-page="life-architecture"] .s-core .zen-rod-top::after,
  [data-m3-page="life-architecture"] .s-core .zen-rod-bottom::before,
  [data-m3-page="life-architecture"] .s-core .zen-rod-bottom::after {
    background: #555;
  }

  [data-m3-page="life-architecture"] .s-core .zen-paper-bg {
    background-color: #EFEFEF;
  }

  [data-m3-page="life-architecture"] .s-pro .zen-rod-top,
  [data-m3-page="life-architecture"] .s-pro .zen-rod-bottom {
    background: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .zen-rod-top::before,
  [data-m3-page="life-architecture"] .s-pro .zen-rod-top::after,
  [data-m3-page="life-architecture"] .s-pro .zen-rod-bottom::before,
  [data-m3-page="life-architecture"] .s-pro .zen-rod-bottom::after {
    background: #EBC878;
  }

  [data-m3-page="life-architecture"] .s-pro .zen-paper-bg {
    background-color: #F8F4E3;
  }

  [data-m3-page="life-architecture"] .card-h {
    font-family: 'Playfair Display';
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--v133-ink);
    margin-bottom: 5px;
  }

  [data-m3-page="life-architecture"] .card-sub {
    margin-bottom: 20px;
    display: block;
    color: #57534A;
    font-family: 'Playfair Display', serif;
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.01em;
  }

  [data-m3-page="life-architecture"] .price-wrap {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 20px;
  }

  [data-m3-page="life-architecture"] .p-curr {
    font-family: 'Playfair Display';
    font-size: 2.25rem;
    color: var(--v133-ink);
    font-weight: 500;
  }

  [data-m3-page="life-architecture"] .p-old {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 1.4375rem;
    color: #999;
    text-decoration: line-through;
  }

  [data-m3-page="life-architecture"] .s-pro .p-curr {
    color: var(--v133-gold-dark);
  }

  [data-m3-page="life-architecture"] .bf-box {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 15px 0;
    margin-bottom: 30px;
  }

  [data-m3-page="life-architecture"] .s-pro .bf-box {
    border-color: rgba(198, 166, 100, 0.2);
  }

  [data-m3-page="life-architecture"] .bf-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #AAA;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 8px;
  }

  [data-m3-page="life-architecture"] .bf-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  [data-m3-page="life-architecture"] .bf-pill {
    font-size: 0.8rem;
    background: #FFF;
    border: 1px solid #EEE;
    padding: 5px 12px;
    border-radius: 4px;
    color: #444;
    font-weight: 500;
  }

  [data-m3-page="life-architecture"] .s-pro .bf-pill {
    border-color: rgba(198, 166, 100, 0.3);
    color: #8B6914;
    background: rgba(198, 166, 100, 0.05);
  }

  [data-m3-page="life-architecture"] .main-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #444;
    font-weight: 500;
    margin-bottom: 30px;
  }

  [data-m3-page="life-architecture"] .v133-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
  }

  [data-m3-page="life-architecture"] .v133-item {
    position: relative;
    padding: 12px 15px 12px 45px;
    margin: 0 -15px 10px -15px;
    border-radius: 8px;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  /* Flush-left list item: align text with main description (no icon indent). */
  [data-m3-page="life-architecture"] .v133-item.v133-flush {
    padding-left: 15px;
  }

  [data-m3-page="life-architecture"] .v133-item:hover {
    background-color: #FFFFFF;
    transform: translateX(4px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  }

  [data-m3-page="life-architecture"] .v133-icon {
    position: absolute;
    left: 15px;
    top: 12px;
    width: 24px;
    height: 24px;
    stroke-width: 1.3;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  [data-m3-page="life-architecture"] .s-core .v133-icon {
    stroke: var(--v133-ink);
    fill: none;
  }

  [data-m3-page="life-architecture"] .s-core .v133-item:hover .v133-icon {
    transform: scale(1.1);
    stroke: #000;
  }

  [data-m3-page="life-architecture"] .s-pro .v133-icon {
    stroke: var(--v133-ink);
    fill: var(--v133-gold-light);
  }

  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .v133-icon {
    transform: scale(1.15);
    color: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .v133-icon path,
  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .v133-icon circle,
  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .v133-icon rect {
    stroke: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .v133-icon [fill]:not([fill="none"]) {
    fill: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .v133-item:hover .item-t {
    color: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .item-t {
    font-weight: 700;
    color: var(--v133-ink);
    display: block;
    margin-bottom: 4px;
    font-size: 1rem;
    transition: color 0.3s;
  }

  [data-m3-page="life-architecture"] .item-d {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
  }

  [data-m3-page="life-architecture"] .item-d strong {
    color: var(--v133-gold-dark);
    font-weight: 600;
  }

  [data-m3-page="life-architecture"] .delivery-note {
    margin: -6px 0 26px 0;
    padding-top: 4px;
    font-size: 0.98rem;
    line-height: 1.5;
    color: #555;
    letter-spacing: 0.03em;
    text-align: center;
  }

  [data-m3-page="life-architecture"] .delivery-note strong {
    font-weight: 700;
  }

  [data-m3-page="life-architecture"] .bonus-zone {
    margin: 30px 0;
    background: var(--v133-beige);
    border: 1px solid rgba(198, 166, 100, 0.3);
    border-radius: 6px;
    padding: 25px;
    position: relative;
  }

  [data-m3-page="life-architecture"] .bonus-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background: var(--v133-gold);
    color: #FFF;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 4px 10px;
    text-transform: uppercase;
  }

  [data-m3-page="life-architecture"] .bonus-t {
    font-family: 'Playfair Display';
    color: var(--v133-gold);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
  }

  [data-m3-page="life-architecture"] .bonus-d {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
  }

  [data-m3-page="life-architecture"] .bonus-note {
    font-size: 0.9rem;
    color: #777;
    font-style: italic;
    line-height: 1.6;
    border-top: 1px dashed rgba(198, 166, 100, 0.3);
    padding-top: 15px;
  }

  [data-m3-page="life-architecture"] .action-area {
    margin-top: auto;
    padding-top: 30px;
    border-top: 1px solid #EEE;
    text-align: center;
    padding-bottom: 60px;
  }

  [data-m3-page="life-architecture"] .feel-quote {
    font-family: 'Playfair Display';
    font-style: normal;
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 30px;
    display: block;
  }

  [data-m3-page="life-architecture"] .btn-tablet {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 18px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    background: #FFF;
    z-index: 1;
    font-family: 'Cinzel', serif;
  }

  [data-m3-page="life-architecture"] .btn-corner {
    position: absolute;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: inherit;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  [data-m3-page="life-architecture"] .bc-tl {
    top: 2px;
    left: 2px;
    border-width: 2px 0 0 2px;
  }

  [data-m3-page="life-architecture"] .bc-tr {
    top: 2px;
    right: 2px;
    border-width: 2px 2px 0 0;
  }

  [data-m3-page="life-architecture"] .bc-bl {
    bottom: 2px;
    left: 2px;
    border-width: 0 0 2px 2px;
  }

  [data-m3-page="life-architecture"] .bc-br {
    bottom: 2px;
    right: 2px;
    border-width: 0 2px 2px 0;
  }

  [data-m3-page="life-architecture"] .btn-tablet:hover .bc-tl {
    top: 0;
    left: 0;
  }

  [data-m3-page="life-architecture"] .btn-tablet:hover .bc-tr {
    top: 0;
    right: 0;
  }

  [data-m3-page="life-architecture"] .btn-tablet:hover .bc-bl {
    bottom: 0;
    left: 0;
  }

  [data-m3-page="life-architecture"] .btn-tablet:hover .bc-br {
    bottom: 0;
    right: 0;
  }

  [data-m3-page="life-architecture"] .s-core .btn-tablet {
    border: 1px solid var(--v133-ink);
    color: var(--v133-ink);
  }

  [data-m3-page="life-architecture"] .s-core .btn-corner {
    border-color: var(--v133-ink);
  }

  [data-m3-page="life-architecture"] .s-core .btn-tablet:hover {
    background: var(--v133-ink);
    color: #FFF;
  }

  [data-m3-page="life-architecture"] .s-core .btn-tablet:hover .btn-corner {
    border-color: #FFF;
  }

  [data-m3-page="life-architecture"] .s-pro .btn-tablet {
    border: 1px solid var(--v133-gold);
    color: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .btn-corner {
    border-color: var(--v133-gold);
  }

  [data-m3-page="life-architecture"] .s-pro .btn-tablet:hover {
    background: var(--v133-gold);
    color: #FFF;
    box-shadow: 0 10px 25px rgba(198, 166, 100, 0.3);
  }

  [data-m3-page="life-architecture"] .s-pro .btn-tablet:hover .btn-corner {
    border-color: #FFF;
  }

  @media (max-width: 900px) {

    [data-m3-page="life-architecture"] .v133-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    [data-m3-page="life-architecture"] .v133-col-text {
      position: static;
    }

    [data-m3-page="life-architecture"] .v133-headline {
      font-size: 2.5rem;
    }

    [data-m3-page="life-architecture"] .desc-hk-1 {
      font-size: 1.4rem;
      margin-bottom: 25px;
    }

    [data-m3-page="life-architecture"] .desc-hk-2 {
      font-size: 0.95rem;
      letter-spacing: 0.15em;
      gap: 10px;
      flex-direction: column;
      margin-bottom: 25px;
    }

    [data-m3-page="life-architecture"] .desc-hk-2::before,
    [data-m3-page="life-architecture"] .desc-hk-2::after {
      display: none;
    }

    [data-m3-page="life-architecture"] .desc-hk-3 {
      font-size: 1.05rem;
    }

    [data-m3-page="life-architecture"] .zen-paper-mask {
      margin: -6px 0;
      width: 100%;
    }

    /* Mobile: reset hover states, use :active for tap feedback */
    [data-m3-page="life-architecture"] .scroll-container:hover {
      transform: none;
    }

    [data-m3-page="life-architecture"] .scroll-container:active {
      transform: scale(0.98);
    }

    [data-m3-page="life-architecture"] .v133-item:hover {
      background-color: transparent;
      transform: none;
      box-shadow: none;
    }

    [data-m3-page="life-architecture"] .v133-item:active {
      transform: scale(0.98);
    }

    /* 按钮：手机端保留和电脑端一样的点击效果，不做 hover 重置 */
  }

/* ===== Sample Report ===== */
/* =======================
     V154 THEME: SEPARATE REALITY
     ======================= */


  [data-m3-page="life-architecture"] .section-archive-v154 {
    background-color: var(--v154-bg);
    color: var(--v154-ink);
    padding: 18px 0 60px 0;
    position: relative;
    overflow: hidden;
    min-height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: var(--v154-font-main);
    margin-top: -2px;
  }

  [data-m3-page="life-architecture"] .v154-container {
    max-width: 1800px; margin: 0 auto; width: 100%;
    position: relative; z-index: 2;
    display: flex; flex-direction: column; align-items: center;
  }

  /* --- 2. Header reveal --- */
  [data-m3-page="life-architecture"] .v154-header {
    text-align: center;

    opacity: 0; transform: translateY(26px);
    transition: opacity 0.8s var(--v154-ease-slow), transform 0.8s var(--v154-ease-slow);
    margin-bottom: 48px;
  }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .v154-header { opacity: 1; transform: translateY(0); }

  [data-m3-page="life-architecture"] .v154-title {
    font-family: var(--v154-font-serif);
    font-size: clamp(2.5rem, 5vw, 4rem);
    margin: 0; line-height: 1.2; font-weight: 300;
  }
  [data-m3-page="life-architecture"] .v154-title .title-main { display: block; color: var(--v154-ink); }
  [data-m3-page="life-architecture"] .v154-title .title-sub {
    display: block; color: var(--v154-grey); font-size: 0.6em;
    margin-top: 5px; font-style: normal; font-weight: 300; letter-spacing: 0.05em;
  }

  [data-m3-page="life-architecture"] .v154-sub {
    font-family: var(--v154-font-main);
    color: #555; margin-left: auto; margin-right: auto;
    font-weight: 300;
    width: calc(100% - 40px);
    max-width: 620px;
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.65;
  }

  /* --- 3. Opening report stack --- */
  [data-m3-page="life-architecture"] .hero-stack-wrapper {
    position: relative;
    height: 420px; aspect-ratio: var(--v154-card-ratio);
    margin: 0 auto 100px auto;
    z-index: 10;

    opacity: 0; transform: translateY(34px) rotate(-0.6deg);
    transition: opacity 0.9s var(--v154-ease-slow) 0.18s, transform 1s var(--v154-ease-slow) 0.18s;
  }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .hero-stack-wrapper { opacity: 1; transform: translateY(0) rotate(0); }

  [data-m3-page="life-architecture"] .stack-card {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: #FFF; border-radius: 2px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transform-origin: center 80%;
    transition: transform 0.68s cubic-bezier(0.22, 0.8, 0.2, 1), opacity 0.4s ease;
    border: 1px solid rgba(198, 166, 100, 0.2);
    overflow: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }
  [data-m3-page="life-architecture"] .stack-img { width: 100%; height: 100%; pointer-events: none; }

  /* 堆叠逻辑 */
  [data-m3-page="life-architecture"] .stack-c { z-index: 5; transform: translate3d(0, 0, 0) scale(1); }
  [data-m3-page="life-architecture"] .stack-l1 { z-index: 4; transform: translate3d(-10px, 0, 0) rotate(-3deg) scale(0.98); opacity: 0.95; }
  [data-m3-page="life-architecture"] .stack-l2 { z-index: 2; transform: translate3d(-20px, 0, 0) rotate(-6deg) scale(0.96); opacity: 0.9; }
  [data-m3-page="life-architecture"] .stack-r1 { z-index: 3; transform: translate3d(10px, 0, 0) rotate(3deg) scale(0.98); opacity: 0.95; }
  [data-m3-page="life-architecture"] .stack-r2 { z-index: 1; transform: translate3d(20px, 0, 0) rotate(6deg) scale(0.96); opacity: 0.9; }

  /* 自动预览 / hover / click 共用同一组展开状态 */
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-auto-preview .stack-c,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-expanded .stack-c,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.can-hover:hover .stack-c {
    transform: translate3d(0, -20px, 0) scale(1.025);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.14);
  }
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-auto-preview .stack-l1,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-expanded .stack-l1,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.can-hover:hover .stack-l1 {
    transform: translate3d(-76px, 0, 0) rotate(-8deg) scale(0.95);
    opacity: 1;
  }
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-auto-preview .stack-r1,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-expanded .stack-r1,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.can-hover:hover .stack-r1 {
    transform: translate3d(76px, 0, 0) rotate(8deg) scale(0.95);
    opacity: 1;
  }
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-auto-preview .stack-l2,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-expanded .stack-l2,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.can-hover:hover .stack-l2 {
    transform: translate3d(-142px, 0, 0) rotate(-16deg) scale(0.9);
    opacity: 1;
  }
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-auto-preview .stack-r2,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.is-expanded .stack-r2,
  [data-m3-page="life-architecture"] .hero-stack-wrapper.can-hover:hover .stack-r2 {
    transform: translate3d(142px, 0, 0) rotate(16deg) scale(0.9);
    opacity: 1;
  }


  /* --- 4. 画廊容器 (逐个卡片显现) --- */
  [data-m3-page="life-architecture"] .gallery-viewport {
    width: 100%; overflow-x: auto; overflow-y: hidden;
    padding: 40px 5vw 100px 5vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; cursor: grab;
    display: flex; gap: 60px;
    scroll-snap-type: x mandatory;
  }
  [data-m3-page="life-architecture"] .gallery-viewport::-webkit-scrollbar { display: none; }
  [data-m3-page="life-architecture"] .gallery-viewport:active { cursor: grabbing; }

  [data-m3-page="life-architecture"] .doc-card {
    height: 600px;
    flex-shrink: 0; position: relative;
    scroll-snap-align: center; perspective: 1000px;

    opacity: 0; transform: translateY(38px) scale(0.985);
    transition: opacity 0.72s var(--v154-ease-slow), transform 0.8s var(--v154-ease-slow);
  }

  /* 逐个显现 (Staggered Delay) */
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card { opacity: 1; transform: translateY(0) scale(1); }

  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(1) { transition-delay: 0.28s; }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(2) { transition-delay: 0.36s; }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(3) { transition-delay: 0.44s; }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(4) { transition-delay: 0.52s; }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(5) { transition-delay: 0.6s; }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .doc-card:nth-child(6) { transition-delay: 0.68s; }
  /* 更多卡片会同时出来，如果不写更多 delay */

  [data-m3-page="life-architecture"] .doc-floater {
    width: 100%; height: 100%; position: relative;
    background: #FFF; border-radius: 2px;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: transform 0.6s ease, box-shadow 0.6s ease, border-color 0.6s ease;
    animation: none;
  }

  [data-m3-page="life-architecture"] .doc-img {
    width: 100%; height: 100%;
    pointer-events: none;
    position: relative;
    z-index: 1;
  }

  [data-m3-page="life-architecture"] .doc-sheen {
    display: none;
  }

  [data-m3-page="life-architecture"] .doc-card:hover .doc-floater {
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.08);
  }
  [data-m3-page="life-architecture"] .doc-card:focus { outline: none; }
  [data-m3-page="life-architecture"] .doc-card:focus-visible { outline: 2px solid rgba(198, 166, 100, 0.8); outline-offset: 6px; }
  [data-m3-page="life-architecture"] .doc-card:hover .doc-img { transform: scale(1.01); }

  /* 页码 */
  [data-m3-page="life-architecture"] .doc-meta {
    position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);
    font-family: var(--v154-font-num); font-size: 0.9rem; color: #999;
    letter-spacing: 0.05em; opacity: 0.5; transition: all 0.3s;
    font-weight: 400; white-space: nowrap;
  }
  [data-m3-page="life-architecture"] .doc-card:hover .doc-meta { opacity: 0.78; color: #777; transform: translateX(-50%) translateY(-3px); }

  /* --- 5. 底部控制栏 --- */
  [data-m3-page="life-architecture"] .ctrl-bar {
    display: flex; align-items: center; justify-content: center; gap: 40px;
    margin-top: -20px;
    opacity: 0; transform: translateY(14px);
    transition: opacity 0.65s var(--v154-ease-slow) 0.72s, transform 0.65s var(--v154-ease-slow) 0.72s;
  }
  [data-m3-page="life-architecture"] .section-archive-v154.is-visible .ctrl-bar { opacity: 1; transform: translateY(0); }

  [data-m3-page="life-architecture"] .ctrl-btn {
    width: 60px; height: 60px; border-radius: 50%;
    background: #FFF; border: 1px solid rgba(0,0,0,0.05);
    display: flex; justify-content: center; align-items: center;
    font-size: 1.5rem; color: var(--v154-ink); cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  }
  [data-m3-page="life-architecture"] .ctrl-btn:hover {
    transform: scale(1.1); box-shadow: 0 10px 30px rgba(198, 166, 100, 0.2);
    color: var(--v154-gold); border-color: var(--v154-gold-dim);
  }
  [data-m3-page="life-architecture"] .page-num { font-family: var(--v154-font-num); font-size: 1rem; letter-spacing: 0.05em; color: var(--v154-ink); font-weight: 400; }
  [data-m3-page="life-architecture"] .page-num span { color: var(--v154-gold); font-weight: 400; }

  /* --- 6. 灯箱 --- */
  [data-m3-page="life-architecture"] .lb-modal {
    position: fixed; top: 0; left: 0;
    background: rgba(10, 10, 10, 0.98);
    z-index: 9999;
    opacity: 0; pointer-events: none; transition: opacity 0.4s ease;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
  }
  [data-m3-page="life-architecture"] .lb-modal.active { opacity: 1; pointer-events: auto; }

  [data-m3-page="life-architecture"] .lb-viewport {
    position: relative;
    display: flex; justify-content: center; align-items: center;
    overflow: hidden; cursor: zoom-in;
    width: 100%;
    height: 100%;
    padding: clamp(76px, 9vh, 100px) clamp(20px, 3vw, 48px) clamp(112px, 15vh, 148px);
  }
  [data-m3-page="life-architecture"] .lb-viewport.zoomed { cursor: grab; }

  [data-m3-page="life-architecture"] .lb-image {


    transform-origin: center center;


    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    margin-bottom: 60px;
  }

  [data-m3-page="life-architecture"] .lb-ui {
    position: absolute; inset: 0; pointer-events: none;
    z-index: 10002;
  }

  [data-m3-page="life-architecture"] .lb-close {
    position: absolute; top: 30px; right: 30px;
    width: 60px; height: 60px; pointer-events: auto; cursor: pointer;
    display: flex; justify-content: center; align-items: center;
    color: #FFF; font-size: 2.5rem; transition: transform 0.3s;
    background: rgba(255,255,255,0.1); border-radius: 50%;
    backdrop-filter: blur(5px);
  }
  [data-m3-page="life-architecture"] .lb-close:hover { background: rgba(255,255,255,0.2); transform: rotate(90deg); }

  [data-m3-page="life-architecture"] .lb-dock {
    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
    pointer-events: auto;
    background: rgba(30, 30, 30, 0.85); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 12px 30px; border-radius: 60px;
    display: flex; gap: 30px; align-items: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    z-index: 10003;
  }
  [data-m3-page="life-architecture"] .lb-arrow {
    color: #FFF; font-size: 1.5rem; cursor: pointer; transition: all 0.2s;
    display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px;
  }
  [data-m3-page="life-architecture"] .lb-arrow:hover { color: var(--v154-gold); transform: scale(1.2); }

  [data-m3-page="life-architecture"] .lb-info {
    font-family: var(--v154-font-num); font-size: 0.9rem; color: #999; letter-spacing: 0.05em;
    min-width: 80px; text-align: center; font-weight: 400;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(255,255,255,0.1);
    padding: 0 20px;
  }

  /* Mobile Tweaks */
  @media (max-width: 768px) {
    [data-m3-page="life-architecture"] .v154-title { font-size: clamp(1.8rem, 7vw, 2.5rem); }
    [data-m3-page="life-architecture"] .v154-title .title-sub { margin-top: 8px; }

    [data-m3-page="life-architecture"] .hero-stack-wrapper { height: 320px; margin-bottom: 60px; }

    [data-m3-page="life-architecture"] .doc-card { height: 480px; }
    [data-m3-page="life-architecture"] .gallery-viewport { gap: 30px; padding: 20px 10vw 80px 10vw; }

    [data-m3-page="life-architecture"] .ctrl-bar { display: flex; transform: scale(0.9); gap: 20px; }
    [data-m3-page="life-architecture"] .ctrl-btn { width: 50px; height: 50px; font-size: 1.2rem; }


    [data-m3-page="life-architecture"] .lb-close { top: 20px; right: 20px; width: 44px; height: 44px; font-size: 1.8rem; }

    [data-m3-page="life-architecture"] .lb-image {
      width: 100%;
      max-height: calc(100vh - 140px);
      margin-bottom: 50px;
    }

    /* Disable hover effects on mobile, use :active instead */
    [data-m3-page="life-architecture"] .doc-card:hover .doc-floater {
      transform: none;
      box-shadow: 0 20px 50px rgba(0,0,0,0.06);
    }
    [data-m3-page="life-architecture"] .doc-card:hover .doc-img {
      transform: none;
    }
    [data-m3-page="life-architecture"] .ctrl-btn:hover {
      transform: none;
      box-shadow: none;
    }
    [data-m3-page="life-architecture"] .doc-card:active,
    [data-m3-page="life-architecture"] .ctrl-btn:active {
      transform: scale(0.98);
      transition: transform 0.15s;
    }
  }

/* ===== Master Lee ===== */
/* =======================
     V175 THEME: THE CALIBRATED REVEAL
     ======================= */


  [data-m3-page="life-architecture"] .section-master-175 {
    background-color: var(--m175-bg);
    background-image:
      radial-gradient(circle at 18% 24%, rgba(198, 166, 100, 0.03) 0%, rgba(3, 3, 3, 0) 32%),
      radial-gradient(circle at 82% 74%, rgba(198, 166, 100, 0.02) 0%, rgba(3, 3, 3, 0) 36%),
      linear-gradient(180deg, #030303 0%, #080706 20%, #0d0c0b 50%, #080706 80%, #030303 100%);
    color: var(--m175-text);
    padding: 120px 4vw;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    position: relative;
    overflow: hidden;
  }

  /* 呼吸光晕融入纯黑 */
  [data-m3-page="life-architecture"] .ambient-glow-175 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90vw;
    height: 90vw;
    background: radial-gradient(circle, rgba(198, 166, 100, 0.06) 0%, rgba(0, 0, 0, 0) 65%);
    transform: translate(-50%, -50%);
    mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0, 0, 0, 0.32) 86%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0, 0, 0, 0.32) 86%, transparent 100%);
    pointer-events: none;
    z-index: 0;
    animation: breatheGlow 12s infinite alternate ease-in-out;
  }

  @keyframes breatheGlow {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.6;
    }

    100% {
      transform: translate(-50%, -48%) scale(1.1);
      opacity: 1;
    }
  }

  /* 命运之线 【降速：4秒 极慢延伸】 */
  [data-m3-page="life-architecture"] .fate-line {
    position: absolute;
    top: 0;
    left: 6vw;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--m175-gold), rgba(0, 0, 0, 0));
    z-index: 1;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 4s cubic-bezier(0.2, 0.8, 0.1, 1);
  }

  [data-m3-page="life-architecture"] .section-master-175.is-visible .fate-line {
    transform: scaleY(1);
  }

  [data-m3-page="life-architecture"] .container-175 {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 100px;
    align-items: stretch;
    position: relative;
    z-index: 2;
    padding-left: 4vw;
  }

  /* =======================
     LEFT: TYPOGRAPHY
     ======================= */
  [data-m3-page="life-architecture"] .content-col-175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px;
  }

  /* Master Lee reveal base state. */
  [data-m3-page="life-architecture"] .reveal-target {
    opacity: 0;
  }

  [data-m3-page="life-architecture"] .reveal-target.is-visible {
    opacity: 1;
  }

  /* Headline */
  [data-m3-page="life-architecture"] .title-175 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(3.35rem, 4.65vw, 4.8rem);
    line-height: 1.05;
    color: #FFF;
    margin: 0 0 24px 0;
    font-weight: 300;
    letter-spacing: 0;
  }

  [data-m3-page="life-architecture"] .title-175 span {
    display: block;
    font-style: italic;
    color: #777;
    margin-left: 0;
  }

  /* Subhead */
  [data-m3-page="life-architecture"] .sub-175 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 1rem;
    color: var(--m175-gold);
    font-weight: 400;


    margin-bottom: 34px;
    padding-left: 20px;
    border-left: 1px solid var(--m175-gold);
    max-width: 90%;
    line-height: 1.6;
    text-transform: none;
    letter-spacing: 0.09em;
  }

  /* Body Text */
  [data-m3-page="life-architecture"] .body-group-175 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 18px;
    padding-top: 0;
    margin-bottom: 34px;
  }

  [data-m3-page="life-architecture"] .p-lead-175 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 1.45rem;
    line-height: 1.6;
    color: #BBB;
    font-weight: 300;
    margin: 0;
  }

  /* Stats Grid */
  [data-m3-page="life-architecture"] .stats-175 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--m175-line);
    border-bottom: 1px solid var(--m175-line);
  }

  [data-m3-page="life-architecture"] .stat-item-175 {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    border-right: 1px solid var(--m175-line);
    /* 基础过渡由 .reveal-target 负责，这里单独为 Hover 覆盖 */
    transition: all 2.2s var(--ease-reveal);
  }

  [data-m3-page="life-architecture"] .stat-item-175:first-child {
    padding-left: 0;
  }

  [data-m3-page="life-architecture"] .stat-item-175:last-child {
    border-right: none;
  }

  [data-m3-page="life-architecture"] .stat-item-175:hover {
    background: rgba(255, 255, 255, 0.02);
    /* Hover response overrides the completed reveal transform. */
    transform: translateY(-5px) !important;
    transition-duration: 0.4s;
    transition-delay: 0s;
  }

  [data-m3-page="life-architecture"] .stat-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 12px;
    font-weight: 600;
  }

  [data-m3-page="life-architecture"] .stat-value {

    font-size: 1.65rem;
    /* 稍微变小一点 */
    color: #FFF;
    line-height: 1.1;
    margin-bottom: 8px;
    font-weight: 400;
  }

  [data-m3-page="life-architecture"] .stat-context {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 0.85rem;
    color: var(--m175-gold);
    line-height: 1.4;
    font-weight: 400;
  }

  /* =======================
     RIGHT: VISUAL (Waterfall Reveal)
     ======================= */
  [data-m3-page="life-architecture"] .visual-col-175 {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
  }

  [data-m3-page="life-architecture"] .img-box-175 {
    width: 100%;
    height: 90%;
    min-height: 650px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.065);
  }

  /* 人物图片幕布 */
  [data-m3-page="life-architecture"] .img-curtain {
    position: absolute;
    inset: -1px;
    background-color: var(--m175-bg);
    z-index: 10;
    transform-origin: bottom;
    transition: transform 0.7s var(--ease-curtain) 0.04s;
  }

  [data-m3-page="life-architecture"] .img-box-175.is-visible .img-curtain {
    transform: scaleY(0);
  }

  /* 人物图片聚焦变清晰 */
  [data-m3-page="life-architecture"] .master-img-175 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    filter: contrast(1.05) blur(6px);
    transform: scale(1.1);
    transition: transform 0.9s var(--ease-reveal) 0.04s, filter 0.9s var(--ease-reveal) 0.04s;
  }

  [data-m3-page="life-architecture"] .img-box-175.is-visible .master-img-175 {
    transform: scale(1);
    filter: contrast(1.05) blur(0);
  }

  /* =======================
     TABLET RESPONSIVENESS
     ======================= */
  @media (max-width: 1024px) {
    [data-m3-page="life-architecture"] .section-master-175 {
      padding: 72px 5vw;
    }

    [data-m3-page="life-architecture"] .fate-line {
      display: none;
    }

    [data-m3-page="life-architecture"] .container-175 {
      grid-template-columns: 1fr;
      gap: 34px;
      padding-left: 0;
    }

    [data-m3-page="life-architecture"] .visual-col-175 {
      order: 1;
    }

    [data-m3-page="life-architecture"] .content-col-175 {
      order: 2;
      padding-top: 0;
    }

    [data-m3-page="life-architecture"] .title-175 {
      font-size: 3.2rem;
      margin-bottom: 18px;
    }

    [data-m3-page="life-architecture"] .p-lead-175 {
      font-size: 1.25rem;
      /* 手机端第一段文字调小 */
    }

    [data-m3-page="life-architecture"] .img-box-175 {
      width: 100%;
      height: 500px;
      min-height: auto;
    }

    [data-m3-page="life-architecture"] .stats-175 {
      grid-template-columns: repeat(3, 1fr);
      /* 保持 3 列，不再堆叠 */
      gap: 10px;
    }

    [data-m3-page="life-architecture"] .stat-item-175 {
      border-right: 1px solid rgba(255, 255, 255, 0.04);
      border-bottom: none;
      padding: 15px 10px;
      text-align: center;
    }

    [data-m3-page="life-architecture"] .stat-item-175 .stat-label {
      font-size: 0.65rem;
    }

    [data-m3-page="life-architecture"] .stat-item-175 .stat-value {
      font-size: 1.25rem;
    }

    /* 手机端显著缩小以适应 3 列 */
    [data-m3-page="life-architecture"] .stat-item-175 .stat-context {
      font-size: 0.75rem;
    }

    [data-m3-page="life-architecture"] .stat-item-175:nth-child(1) {
      padding-left: 0;
    }

    [data-m3-page="life-architecture"] .stat-item-175:last-child {
      border-right: none;
      padding-right: 0;
    }
  }

  /* =======================
     MOBILE RESPONSIVENESS
     ======================= */
  @media (max-width: 768px) {
    [data-m3-page="life-architecture"] .section-master-175 {
      padding: 50px 5vw;
    }

    [data-m3-page="life-architecture"] .title-175 {
      font-size: 2.5rem;
    }

    [data-m3-page="life-architecture"] .sub-175 {
      font-size: 0.85rem;
    }

    [data-m3-page="life-architecture"] .img-box-175 {
      height: 400px;
    }

    [data-m3-page="life-architecture"] .stats-175 {
      gap: 8px;
    }

    [data-m3-page="life-architecture"] .stat-item-175 {
      padding: 12px 8px;
    }

    [data-m3-page="life-architecture"] .stat-item-175 .stat-value {
      font-size: 1.3rem;
    }

    [data-m3-page="life-architecture"] .stat-item-175 .stat-label {
      font-size: 0.6rem;
    }

    [data-m3-page="life-architecture"] .stat-item-175 .stat-context {
      font-size: 0.7rem;
    }
  }

/* ===== Client Stories ===== */
/* =======================
     V172 THEME: THE SEAMLESS RESONANCE
     ======================= */


  [data-m3-page="life-architecture"] .section-echoes-v172 {
    background-color: var(--v172-bg);
    background-image:
      linear-gradient(180deg, rgba(8, 7, 6, 0.34) 0%, rgba(8, 7, 6, 0.22) 16%, rgba(8, 7, 6, 0.1) 32%, rgba(8, 7, 6, 0) 50%),
      radial-gradient(circle at 18% 40%, rgba(198, 166, 100, 0.026) 0%, rgba(3, 3, 3, 0) 34%),
      radial-gradient(circle at 82% 90%, rgba(198, 166, 100, 0.014) 0%, rgba(3, 3, 3, 0) 38%),
      linear-gradient(180deg, #030303 0%, #080706 20%, #0d0c0b 50%, #080706 80%, #030303 100%);
    color: var(--v172-text-main);
    padding: 56px 0 88px 0;
    position: relative;
    overflow: hidden;
    font-family: var(--v172-font-main);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* 标题下整块：桌面端占满剩余高度，让卡片带在副标题与箭头之间垂直居中 */
  [data-m3-page="life-architecture"] .echo-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  [data-m3-page="life-architecture"] .echo-slider-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  [data-m3-page="life-architecture"] .v172-header-container {
    max-width: 1400px; width: 100%; padding: 0 5vw;
    position: relative; z-index: 2;
  }

  /* --- 2. 标题区 --- */
  [data-m3-page="life-architecture"] .echo-header {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    margin-bottom: 24px;
    opacity: 0; transform: translateY(24px);
    transition: opacity 0.78s var(--v172-ease), transform 0.78s var(--v172-ease);
  }
  [data-m3-page="life-architecture"] .section-echoes-v172.is-visible .echo-header { opacity: 1; transform: translateY(0); }

  [data-m3-page="life-architecture"] .echo-title {
    font-family: var(--v172-font-serif); font-size: clamp(2.8rem, 5vw, 4rem);
    color: #FFFFFF; margin: 0 0 10px 0; line-height: 1.1; font-weight: 400;
  }

  [data-m3-page="life-architecture"] .echo-sub {
      font-weight: 300;
    letter-spacing: 0.02em; max-width: 600px; margin-top: 0;
  }

  /* --- 3. 全景画廊轨道 --- */
  [data-m3-page="life-architecture"] .echo-slider {
    position: relative; width: 100vw;
    opacity: 0; transform: translateY(34px);
    transition: opacity 0.85s var(--v172-ease) 0.16s, transform 0.85s var(--v172-ease) 0.16s;
  }
  [data-m3-page="life-architecture"] .section-echoes-v172.is-visible .echo-slider { opacity: 1; transform: translateY(0); }

  [data-m3-page="life-architecture"] .echo-track {
    display: flex; gap: 80px;
    overflow-x: auto; overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    align-items: flex-start;
    padding: 10px calc(50vw - 540px) 6px calc(50vw - 540px);
    /* 横向滑动换卡：overflow-x + scroll-snap；contain 减少把整页带着横滑 */
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    scroll-snap-stop: always;
  }
  [data-m3-page="life-architecture"] .echo-track::-webkit-scrollbar { display: none; }

  /* --- 4. 卡片（桌面多列 / 手机单列） --- */
  [data-m3-page="life-architecture"] .story-card {
    flex: 0 0 clamp(340px, 30vw, 420px);
    scroll-snap-align: center;
    background: var(--v172-card-m);
    border: 1px solid var(--v172-card-border);
    border-radius: 6px;
    padding: 48px 40px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: auto;
    cursor: pointer;
    overflow: hidden;

    opacity: 1; transform: scale(0.92) translateZ(0); filter: brightness(0.84) saturate(0.88);
    /* 桌面切换卡：只靠过渡渐变，不用「整段文字从 0 不透明淡入」避免闪眼 */
    transition:
      opacity 0.95s cubic-bezier(0.25, 0.46, 0.22, 1),
      transform 0.95s cubic-bezier(0.25, 0.46, 0.22, 1),
      border-color 0.8s cubic-bezier(0.25, 0.46, 0.22, 1),
      box-shadow 0.95s cubic-bezier(0.25, 0.46, 0.22, 1);
    contain: layout paint;
  }
  [data-m3-page="life-architecture"] .story-card > * {
    position: relative;
    z-index: 1;
  }
  [data-m3-page="life-architecture"] .story-card.active {
    opacity: 1; transform: scale(1) translateZ(0); filter: none;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 26px 52px rgba(0, 0, 0, 0.48);
  }

  [data-m3-page="life-architecture"] .quote-mark-bg {
    position: absolute; top: -6px; left: 14px;
    font-family: var(--v172-font-serif); font-size: 7.25rem; line-height: 1;
    color: var(--v172-gold-dim); pointer-events: none; user-select: none;
    opacity: 0.22;
  }

  [data-m3-page="life-architecture"] .story-left {
    position: relative; z-index: 2;
    display: flex; flex-direction: column;
    gap: 20px;
  }

  [data-m3-page="life-architecture"] .s-hook {
    font-family: var(--v172-font-serif);
    color: var(--v172-gold);  font-weight: 400; margin: 0;
    position: relative;
    padding-bottom: 0;
    letter-spacing: 0.01em;
    line-height: 1.35;
    text-wrap: balance;
    font-size: 1.48rem;
  }

  [data-m3-page="life-architecture"] .s-hook::after {
    display: none;
  }

  [data-m3-page="life-architecture"] .s-author-box {
    margin-top: 0; padding-top: 0; border-top: none;
  }

  [data-m3-page="life-architecture"] .s-name {
    font-family: 'Playfair Display', serif;
     color: #FFF;
    font-style: italic; font-weight: 400;
    margin-bottom: 4px; display: block;
    letter-spacing: normal;
    font-size: 1.24rem;
  }

  [data-m3-page="life-architecture"] .s-role {
    font-family: var(--v172-font-main);
    font-weight: 400; letter-spacing: 0.05em; line-height: 1.5;
    display: block;
    font-size: 0.86rem;
    color: #999999;
  }

  [data-m3-page="life-architecture"] .s-divider {
    color: rgba(255, 255, 255, 0.15); margin: 0 6px; font-weight: 300;
  }

  [data-m3-page="life-architecture"] .s-client-tag {
    font-family: 'Playfair Display', serif;
    font-size: 0.95rem;
    color: var(--v172-gold);

    font-weight: 400;
    letter-spacing: 0.02em;
    white-space: nowrap;
    font-style: normal;
  }

  [data-m3-page="life-architecture"] .story-right {
    position: relative; padding-left: 0;
  }

  [data-m3-page="life-architecture"] .s-text-wrap {
    position: relative;
    height: 148px;
    overflow: hidden;
  }
  /* 多段之间仅极小空隙，避免双换行那种「空一大块」 */
  [data-m3-page="life-architecture"] .s-text-wrap > .s-text {


    letter-spacing: 0.014em;

    font-weight: 300;
    margin: 0;
    text-wrap: pretty;
  }
  [data-m3-page="life-architecture"] .s-text-wrap > .s-text + .s-text {
    margin-top: 0.78em;
  }
  /* 强调：比正文明显一档，但不跳到近纯白 */
  [data-m3-page="life-architecture"] .s-text-wrap > .s-text strong {
    color: #D8D8D8;
    font-weight: 500;
  }

  /* --- 5. 底部导航栏 --- */
  [data-m3-page="life-architecture"] .echo-controls {
    display: flex; justify-content: center; align-items: center; gap: 40px;
    margin-top: var(--echo-controls-gap);
    opacity: 0; transform: translateY(20px);
    transition: margin-top 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 1.5s var(--v172-ease) 0.8s, transform 0.6s ease;
  }
  [data-m3-page="life-architecture"] .section-echoes-v172.is-visible .echo-controls { opacity: 1; transform: translateY(0); }

  /* 电脑/手机共用：低调白色描边。 */
  [data-m3-page="life-architecture"] .nav-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s var(--v172-ease);
    box-shadow: none;
    touch-action: manipulation;
  }
  [data-m3-page="life-architecture"] .nav-arrow:hover {
    border-color: var(--v172-gold);
    color: var(--v172-gold);
    transform: scale(1.1);
  }

  [data-m3-page="life-architecture"] .echo-counter { font-family: var(--v172-font-num); font-size: 1.1rem; color: var(--v172-gold); letter-spacing: 0.1em; }
  [data-m3-page="life-architecture"] .echo-counter span { color: #555; }

  /* --- 6. 完美移动端响应式 --- */
  @media (min-width: 901px) {
    /* 桌面：不增加区块/卡片整体高度；仅在卡片自然高度内让左右两栏垂直居中对齐 */
    [data-m3-page="life-architecture"] .section-echoes-v172 {
      padding: 56px 0 88px 0;
      min-height: 0;
    }

    [data-m3-page="life-architecture"] .echo-header {
      margin-bottom: 28px;
    }

    [data-m3-page="life-architecture"] .echo-body {
      flex: 0 1 auto;
      min-height: 0;
    }

    [data-m3-page="life-architecture"] .echo-slider-wrap {
      flex: 0 1 auto;
      min-height: 0;
      justify-content: flex-start;
    }

    [data-m3-page="life-architecture"] .echo-track {
      --echo-cw: min(420px, calc((100vw - 10vw - 44px) / 3));
      padding-left: max(24px, calc((100vw - 3 * var(--echo-cw) - 44px) / 2));
      padding-right: max(24px, calc((100vw - 3 * var(--echo-cw) - 44px) / 2));
      scroll-padding-inline: max(24px, calc((100vw - 3 * var(--echo-cw) - 44px) / 2));
      padding-top: 6px;
      padding-bottom: 4px;
      align-items: stretch;
      gap: 22px;
    }


    [data-m3-page="life-architecture"] .section-echoes-v172 .story-card .s-author-box {
      margin-top: 0.2rem;
      padding-top: 1.1rem;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    [data-m3-page="life-architecture"] .echo-controls {
      gap: 32px;
    }
  }

  @media (max-width: 1200px) and (min-width: 901px) {
    [data-m3-page="life-architecture"] .section-echoes-v172 {
      padding: 48px 0 64px 0;
    }

    [data-m3-page="life-architecture"] .echo-header {
      margin-bottom: 24px;
    }
    [data-m3-page="life-architecture"] .echo-track {
      --echo-cw: min(480px, calc((100vw - 10vw - 22px) / 2));
      padding-left: max(22px, calc((100vw - 2 * var(--echo-cw) - 22px) / 2));
      padding-right: max(22px, calc((100vw - 2 * var(--echo-cw) - 22px) / 2));
      scroll-padding-inline: max(22px, calc((100vw - 2 * var(--echo-cw) - 22px) / 2));
      gap: 22px;
    }
    [data-m3-page="life-architecture"] .story-card {
      flex: 0 0 var(--echo-cw);
      padding: 40px 30px;
    }
  }

  @media (max-width: 900px) {
    [data-m3-page="life-architecture"] .section-echoes-v172 { padding: 40px 0 48px 0; }
    [data-m3-page="life-architecture"] .echo-header { margin-bottom: 22px; }

    [data-m3-page="life-architecture"] .echo-body {
      flex: 0 1 auto;
    }

    [data-m3-page="life-architecture"] .echo-slider-wrap {
      flex: 0 1 auto;
      justify-content: center;
    }
    [data-m3-page="life-architecture"] .echo-title { font-size: 2.5rem; }

    /* Mobile centered grid track with stable scroll-snap geometry. */
    [data-m3-page="life-architecture"] .echo-slider {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      width: 100%;
      min-height: 0;
    }
    [data-m3-page="life-architecture"] .echo-track {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 80vw;
      align-items: center;
      justify-items: stretch;
      gap: 20px;
      padding: 8px 10vw 5px;
      overflow-x: auto;
      overflow-y: visible;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      overscroll-behavior-x: contain;
    }


    [data-m3-page="life-architecture"] .story-card:not(.active) {
      opacity: 0.7;
    }
    [data-m3-page="life-architecture"] .story-card:active {
      cursor: grabbing;
    }
    [data-m3-page="life-architecture"] .story-card.active {
      opacity: 1;
      filter: none;
      border-color: rgba(255, 255, 255, 0.1);
      box-shadow: 0 20px 44px rgba(0, 0, 0, 0.42);
    }

    [data-m3-page="life-architecture"] .quote-mark-bg { top: -8px; left: 12px; font-size: 6.5rem; opacity: 0.2; }

    [data-m3-page="life-architecture"] .s-hook::after {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    }
    /* 避免「35%」与「Raise.」被拆到两行 */
    [data-m3-page="life-architecture"] .s-hook .s-hook-nobreak {
      white-space: nowrap;
    }
    [data-m3-page="life-architecture"] .story-left { gap: 18px; }
    [data-m3-page="life-architecture"] .section-echoes-v172 .story-card .s-author-box {
      margin-top: 0;
      padding-top: 18px;
      border-top: none;
    }
    [data-m3-page="life-architecture"] .story-right { padding-left: 0; }

    /* 手机：正文略小一档，展开后纵向更紧凑 */

    [data-m3-page="life-architecture"] .s-text-wrap > .s-text + .s-text {
      margin-top: 0.65em;
    }


    [data-m3-page="life-architecture"] .echo-controls { gap: 28px; padding-top: 0; }
    /* 与桌面端同一套描边，仅尺寸略小便于拇指点击 */
    [data-m3-page="life-architecture"] .nav-arrow {
      width: 44px;
      height: 44px;
      font-size: 1.05rem;
      border: 1px solid rgba(255, 255, 255, 0.22);
      color: rgba(255, 255, 255, 0.88);
      box-shadow: none;
    }
    [data-m3-page="life-architecture"] .nav-arrow:hover {
      transform: none;
    }
    [data-m3-page="life-architecture"] .nav-arrow:active {
      border-color: rgba(255, 255, 255, 0.34);
      color: #fff;
      transform: scale(0.95);
      transition: transform 0.15s;
    }
  }

/* ===== Process ===== */
/* =======================
     V184 THEME: THE FLAWLESS PROTOCOL
     ======================= */


  [data-m3-page="life-architecture"] .section-process-v184 {
    background-color: var(--v184-bg);
    color: var(--v184-text-main);
    padding: 72px max(24px, min(5%, 56px)) 120px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    position: relative;
    overflow: hidden;
    border-top: 0;
  }

  /* 顶部穹顶光：极弱，仅为了打破纯黑的死寂 */
  [data-m3-page="life-architecture"] .v184-glow {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 80vw; height: 800px;
    background: radial-gradient(ellipse at top, rgba(198, 166, 100, 0.04) 0%, transparent 60%);
    pointer-events: none; z-index: 0;
  }

  [data-m3-page="life-architecture"] .v184-container {
    max-width: 1000px; margin: 0 auto; position: relative; z-index: 2;
  }

  /* --- 标题区 --- */
  [data-m3-page="life-architecture"] .v184-header {
    text-align: center; max-width: 800px; margin: 0 auto 60px auto;
    opacity: 0;
  }
  [data-m3-page="life-architecture"] .v184-eyebrow {
    font-family: 'Cinzel', serif; font-size: 0.85rem; letter-spacing: 0.6em;
    color: var(--v184-gold); margin-bottom: 15px; display: block;
    margin-right: -0.6em; text-transform: uppercase;
  }

  [data-m3-page="life-architecture"] .v184-headline {
    font-family: 'Playfair Display', serif; font-size: clamp(3rem, 5vw, 4.5rem);
    line-height: 1.1; color: #FFF; font-weight: 400; margin: 0;
  }

  /* =======================
     THE LASER TIMELINE (完美贯穿的视差光轨)
     ======================= */
  [data-m3-page="life-architecture"] .v184-list {
    display: flex; flex-direction: column; gap: 60px;
    position: relative;
  }

  /* 轨道外壳：上下贯穿，两端柔和渐隐 */
  [data-m3-page="life-architecture"] .timeline-container {
    position: absolute;
    left: 40px;
    top: -20px; bottom: -20px; /* 延伸到容器之外，解决截断感 */
    width: 2px;
    z-index: 0;
    mask-image: linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
  }

  [data-m3-page="life-architecture"] .timeline-track {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(198, 166, 100, 0.15);
  }

  [data-m3-page="life-architecture"] .timeline-beam {
    position: absolute;
    top: 0; left: -1px;
    width: 4px; height: 100%;
    background: linear-gradient(to bottom, rgba(198,166,100,0) 0%, rgba(198,166,100,0.8) 70%, #FFFFFF 100%);
    box-shadow: 0 5px 20px var(--v184-gold-glow);
    border-radius: 4px;
    transform: scaleY(0);
    transform-origin: 50% 0;
    will-change: transform;
  }

  /* 触发节点 */
  [data-m3-page="life-architecture"] .timeline-node-wrapper {
    position: absolute;
    left: 41px;
    top: 50%; transform: translate(-50%, -50%);
    width: 30px; height: 30px;
    display: flex; justify-content: center; align-items: center;
    z-index: 2;
  }

  [data-m3-page="life-architecture"] .timeline-node {
    width: 12px; height: 12px;
    border-radius: 50%;
    background: var(--v184-bg);
    border: 1px solid rgba(198, 166, 100, 0.4);
    transition: all 0.5s var(--ease-majestic);
    position: relative;
  }

  [data-m3-page="life-architecture"] .step-wrapper.active .timeline-node {
    background: var(--v184-gold);
    border-color: #FFF;
    box-shadow: 0 0 15px var(--v184-gold-glow);
    transform: scale(1.2);
  }

  [data-m3-page="life-architecture"] .node-ripple {
    position: absolute; inset: -1px;
    border-radius: 50%; border: 1px solid var(--v184-gold);
    opacity: 0; transform: scale(1); pointer-events: none;
  }
  [data-m3-page="life-architecture"] .step-wrapper.active .node-ripple {
    animation: resonancePulse 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  }
  @keyframes resonancePulse {
    0% { transform: scale(1); opacity: 0.8; border-width: 2px; }
    100% { transform: scale(3.5); opacity: 0; border-width: 1px; }
  }


  /* =======================
     THE CARDS
     ======================= */
  [data-m3-page="life-architecture"] .step-wrapper {
    position: relative;
    padding-left: 100px;
  }

  [data-m3-page="life-architecture"] .token-card {
    position: relative;
    display: block;
    padding: 1px;
    background: linear-gradient(135deg, rgba(198,166,100,0.1) 0%, rgba(198,166,100,0.5) 100%);
    clip-path: polygon(
      0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px,
      100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px)
    );
    cursor: default;

    opacity: 0; transform: translateY(16px);
    transition: opacity 0.7s var(--ease-majestic), transform 0.78s var(--ease-majestic), box-shadow 0.42s ease, background 0.42s ease;
  }

  [data-m3-page="life-architecture"] .step-wrapper.active .token-card {
    opacity: 1; transform: translateY(0);
    background: linear-gradient(135deg, rgba(198,166,100,0.2) 0%, rgba(198,166,100,0.7) 100%);
  }

  [data-m3-page="life-architecture"] .token-card:hover,
  [data-m3-page="life-architecture"] .token-card.is-active {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 40px rgba(198,166,100,0.1);
    background: linear-gradient(135deg, rgba(198,166,100,0.3) 0%, var(--v184-gold) 100%);
  }

  [data-m3-page="life-architecture"] .token-inner {
    background: var(--v184-card); /* 彻底移除内部的 grain 噪点 */
    width: 100%;
    height: auto;
    min-height: 0;
    clip-path: polygon(
      0 19px, 19px 0, calc(100% - 19px) 0, 100% 19px,
      100% calc(100% - 19px), calc(100% - 19px) 100%, 19px 100%, 0 calc(100% - 19px)
    );
    position: relative;
    overflow: hidden;
  }

  /* 剧场级悬停金属流光 */
  [data-m3-page="life-architecture"] .token-inner::after {
    content: '';
    position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(198, 166, 100, 0.08), transparent);
    transform: skewX(-25deg);
    transition: none;
    z-index: 1;
    pointer-events: none;
  }
  [data-m3-page="life-architecture"] .token-card:hover .token-inner::after,
  [data-m3-page="life-architecture"] .token-card.is-active .token-inner::after {
    left: 200%;
    transition: left 1.2s ease-in-out;
  }

  /* --- 卡片内部排版 --- */
  [data-m3-page="life-architecture"] .token-card .card-content {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    padding: 22px 34px;
    gap: 22px;
    align-items: center;
    min-height: 150px;
    position: relative; z-index: 2; /* 保证文字层级在水印之上 */
  }

  /* 文字错峰显现层 */
  [data-m3-page="life-architecture"] .reveal-layer {
    --process-reveal-y: 10px;
    opacity: 0;
    transform: translateY(var(--process-reveal-y));
    transition: opacity 0.6s var(--ease-majestic), transform 0.68s var(--ease-majestic);
  }
  [data-m3-page="life-architecture"] .step-wrapper.active .reveal-layer {
    opacity: 1; transform: translateY(0);
  }

  [data-m3-page="life-architecture"] .num-group.reveal-layer { --process-reveal-y: 12px; }
  [data-m3-page="life-architecture"] .step-title.reveal-layer { --process-reveal-y: 9px; }
  [data-m3-page="life-architecture"] .step-desc.reveal-layer { --process-reveal-y: 7px; }

  [data-m3-page="life-architecture"] .step-wrapper.active .delay-1 { transition-delay: 0.08s; }
  [data-m3-page="life-architecture"] .step-wrapper.active .delay-2 { transition-delay: 0.16s; }
  [data-m3-page="life-architecture"] .step-wrapper.active .delay-3 { transition-delay: 0.24s; }


  [data-m3-page="life-architecture"] .num-group {
    display: flex; flex-direction: column; align-items: center;
    width: 70px; flex-shrink: 0;
    align-self: start;
  }
  [data-m3-page="life-architecture"] .num-roman {
    font-family: 'Cinzel', serif; font-size: 2.8rem;
    color: var(--v184-text-main); font-weight: 400; line-height: 1; margin-bottom: 20px;
    transition: color 0.4s ease;
  }
  [data-m3-page="life-architecture"] .num-mobile { display: none; }
  [data-m3-page="life-architecture"] .token-card:hover .num-roman,
  [data-m3-page="life-architecture"] .token-card.is-active .num-roman { color: var(--v184-gold); text-shadow: 0 0 20px var(--v184-gold-glow); }

  [data-m3-page="life-architecture"] .num-line {
    width: 1px; height: 40px;
    background: linear-gradient(to bottom, var(--v184-gold-dim), transparent);
    margin-bottom: 20px;
    transition: background 0.4s;
  }
  [data-m3-page="life-architecture"] .token-card:hover .num-line,
  [data-m3-page="life-architecture"] .token-card.is-active .num-line { background: linear-gradient(to bottom, var(--v184-gold), transparent); }

  [data-m3-page="life-architecture"] .num-cn {
    font-family: 'Noto Serif SC', serif; font-size: 1.2rem; color: #777;
    writing-mode: vertical-rl; letter-spacing: 0.4em;
    transition: color 0.4s;
  }
  [data-m3-page="life-architecture"] .token-card:hover .num-cn,
  [data-m3-page="life-architecture"] .token-card.is-active .num-cn { color: var(--v184-gold); }


  [data-m3-page="life-architecture"] .text-group {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    height: 100%;
  }

  [data-m3-page="life-architecture"] .step-title {
    font-family: 'Playfair Display', serif; font-size: 1.8rem;
    color: var(--v184-text-main); margin: 0 0 15px 0; display: block;
    font-weight: 400;
    transition: opacity 0.6s var(--ease-majestic), transform 0.68s var(--ease-majestic), color 0.4s ease;
    text-align: left;
  }
  [data-m3-page="life-architecture"] .token-card:hover .step-title,
  [data-m3-page="life-architecture"] .token-card.is-active .step-title {
    transform: translateX(0);
    color: #FFF;
  }
  [data-m3-page="life-architecture"] .step-wrapper.active .step-title {
    color: var(--v184-gold);
    text-shadow: 0 0 18px rgba(198, 166, 100, 0.16);
  }

  [data-m3-page="life-architecture"] .step-desc {
    font-size: 1.1rem; line-height: 1.8; color: var(--v184-text-sub);
    font-weight: 300; max-width: 600px; margin: 0;
    text-align: left;
  }

  /* =======================
     Chinese calligraphy watermark
     ======================= */
  [data-m3-page="life-architecture"] .watermark {
    position: absolute; right: 24px; bottom: 10px;
    font-family: 'Ma Shan Zheng', cursive;
    font-size: 6.2rem;
    color: var(--v184-gold);
    opacity: 0.06;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.8s ease, transform 0.8s var(--ease-majestic);
  }

  [data-m3-page="life-architecture"] .token-card:hover .watermark,
  [data-m3-page="life-architecture"] .token-card.is-active .watermark {
    opacity: 0.15;            /* Hover时加深透明度，原色不变 */
    transform: translateY(-10px) scale(1.05) rotate(-3deg);
  }

  /* --- 手机端完美适配 --- */
  @media (max-width: 768px) {
    [data-m3-page="life-architecture"] .section-process-v184 { padding: 48px max(20px, min(5%, 40px)) 100px; }
    [data-m3-page="life-architecture"] .v184-headline { font-size: 2.8rem; }

    [data-m3-page="life-architecture"] .timeline-container { left: 15px; }
    [data-m3-page="life-architecture"] .timeline-node-wrapper { left: 16px; }
    [data-m3-page="life-architecture"] .step-wrapper { padding-left: 45px; gap: 30px; }

    [data-m3-page="life-architecture"] .token-card .card-content { grid-template-columns: 1fr; padding: 20px 18px; gap: 16px; min-height: 0; align-items: flex-start; }

    [data-m3-page="life-architecture"] .num-group {
      flex-direction: row; width: 100%; align-items: center; gap: 20px;
      border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 20px;
      justify-content: flex-start;
    }
    [data-m3-page="life-architecture"] .num-roman { font-size: 2.2rem; margin-bottom: 0; }
    [data-m3-page="life-architecture"] .num-line { width: 30px; height: 1px; margin: 0; background: linear-gradient(to right, var(--v184-gold-dim), transparent); }
    [data-m3-page="life-architecture"] .num-cn { writing-mode: horizontal-tb; }

    [data-m3-page="life-architecture"] .step-title { font-size: 1.5rem; text-align: left; }


    [data-m3-page="life-architecture"] .watermark { font-size: 4.8rem; right: 14px; bottom: 10px; }

    [data-m3-page="life-architecture"] .token-card {
      clip-path: polygon(
        0 15px, 15px 0, calc(100% - 15px) 0, 100% 15px,
        100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px)
      );
    }
    [data-m3-page="life-architecture"] .token-inner {
      clip-path: polygon(
        0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px,
        100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px)
      );
    }
  }

/* ===== Frequently Asked Questions ===== */
/* =================================================================
     高定白皮书版 FAQ (The Concierge Edition - 极致分层阅读版)
     ================================================================= */
  [data-m3-page="life-architecture"] .v-faq-luxury-light {
    background-color: #F9F7F2; /* 护眼的高级米纸白 */
    padding: 140px 5vw 40px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    color: #555555;
    -webkit-font-smoothing: antialiased;
  }

  [data-m3-page="life-architecture"] .v-faq-container {
    max-width: 860px; /* 黄金阅读视宽，防止视线横向疲劳 */
    margin: 0 auto;
  }

  /* --- 顶部区域 --- */
  [data-m3-page="life-architecture"] .v-faq-header {
    text-align: center;
    margin-bottom: 90px;
  }

  [data-m3-page="life-architecture"] .v-faq-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    color: #1A1A1A;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.01em;
  }

  /* --- FAQ 列表外框 --- */
  [data-m3-page="life-architecture"] .v-faq-list {
    border-top: 1px solid rgba(197, 160, 89, 0.3);
  }

  [data-m3-page="life-architecture"] .v-faq-item {
    border-bottom: 1px solid #EBE5D9;
    opacity: 0;
    transition: background-color 0.4s ease, border-color 0.4s ease;
  }

  [data-m3-page="life-architecture"] .v-faq-item.active {
    background-color: rgba(255, 255, 255, 0.5); /* 展开时泛起微弱白光，形成隐形边界 */
    border-bottom-color: rgba(197, 160, 89, 0.4);
  }

  /* --- 问题交互按钮 --- */
  [data-m3-page="life-architecture"] .v-faq-btn {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 40px 30px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    outline: none;
  }

  [data-m3-page="life-architecture"] .v-faq-num {
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #8C6B30;
    margin-right: 20px;
    margin-top: 4px;
    flex-shrink: 0;
  }

  [data-m3-page="life-architecture"] .v-faq-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    color: #1A1A1A;
    font-weight: 400;
    line-height: 1.4;
    flex-grow: 1;
    padding-right: 30px;
    transition: color 0.3s ease;
  }

  [data-m3-page="life-architecture"] .v-faq-item:hover .v-faq-text, [data-m3-page="life-architecture"] .v-faq-item.active .v-faq-text {
    color: #8C6B30;
  }

  /* 极简十字图标 */
  [data-m3-page="life-architecture"] .v-faq-icon {
    position: relative; width: 20px; height: 20px; flex-shrink: 0; margin-top: 8px;
  }
  [data-m3-page="life-architecture"] .v-faq-icon::before, [data-m3-page="life-architecture"] .v-faq-icon::after {
    content: ''; position: absolute; background-color: #A0A0A0;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
  }
  [data-m3-page="life-architecture"] .v-faq-icon::before { top: 9px; left: 0; width: 20px; height: 1px; }
  [data-m3-page="life-architecture"] .v-faq-icon::after { top: 0; left: 9px; width: 1px; height: 20px; }

  [data-m3-page="life-architecture"] .v-faq-item:hover .v-faq-icon::before, [data-m3-page="life-architecture"] .v-faq-item:hover .v-faq-icon::after { background-color: #8C6B30; }
  [data-m3-page="life-architecture"] .v-faq-item.active .v-faq-icon::before { transform: rotate(180deg); background-color: #8C6B30; }
  [data-m3-page="life-architecture"] .v-faq-item.active .v-faq-icon::after { transform: rotate(90deg); opacity: 0; }

  /* --- 答案面板基础排版 --- */
  [data-m3-page="life-architecture"] .v-faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  }

  [data-m3-page="life-architecture"] .v-faq-content {
    padding: 0 60px 45px 75px;
    font-size: 1.05rem; /* 克制的统一字号，不突兀 */
    line-height: 1.85;
    color: #666666;
    opacity: 0;
    transform: translateY(-5px);
    transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
  }
  [data-m3-page="life-architecture"] .v-faq-item.active .v-faq-content { opacity: 1; transform: translateY(0); }

  [data-m3-page="life-architecture"] .v-faq-content p { margin-top: 0; margin-bottom: 25px; }
  [data-m3-page="life-architecture"] .v-faq-content p:last-child { margin-bottom: 0; }

  /* =================================================================
     Answer typography hierarchy
     ================================================================= */

  /* 1. 核心引言 (Lead Paragraph) - 微微加深颜色，建立阅读入口 */
  [data-m3-page="life-architecture"] .v-faq-content .ans-lead {
    font-size: 1.12rem;
    color: #1A1A1A;
    line-height: 1.7;
    margin-bottom: 30px;
  }

  /* 2. 微型导读标签 (Micro-label) - 替代笨重的大字号标题 */
  [data-m3-page="life-architecture"] .micro-label {
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    font-size: 0.75rem;
    color: #A0A0A0;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 15px;
  }
  [data-m3-page="life-architecture"] .micro-label.green { color: #529B72; }
  [data-m3-page="life-architecture"] .micro-label.red { color: #A86B6B; }

  /* 3. 背景脉络框 (Context Panel) - 承载大段解释文字，增加空间感 */
  [data-m3-page="life-architecture"] .inset-panel {
    background-color: rgba(0,0,0,0.015);
    border-left: 2px solid rgba(197, 160, 89, 0.3);
    padding: 25px 30px;
    margin: 30px 0;
    border-radius: 0 4px 4px 0;
  }
  /* Compact spacing for consecutive answer paragraphs. */
  [data-m3-page="life-architecture"] .inset-panel p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 18px;
    line-height: 1.7;
  }
  [data-m3-page="life-architecture"] .inset-panel p:last-child { margin-bottom: 0; }

  /* 5. 优雅菱形列表 */
  [data-m3-page="life-architecture"] .lux-list { margin: 15px 0 25px 0; padding-left: 0; list-style: none; }
  [data-m3-page="life-architecture"] .lux-list li { position: relative; padding-left: 24px; margin-bottom: 14px; color: #555; line-height: 1.7; }
  [data-m3-page="life-architecture"] .lux-list li::before {
    content: '◆'; position: absolute; left: 0; top: 4px; font-size: 0.6rem; color: #C5A059; opacity: 0.8;
  }
  [data-m3-page="life-architecture"] .lux-list strong { color: #1A1A1A; font-weight: 600; }

  /* 6. 好坏问题示例框 (Q5专用) - 无斜体，白灰分明 */
  [data-m3-page="life-architecture"] .example-box {
    border: 1px solid #EBE5D9;
    background: #FFFFFF;
    padding: 20px 25px;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  [data-m3-page="life-architecture"] .example-box.bad { background: rgba(0,0,0,0.015); border-style: dashed; }
  [data-m3-page="life-architecture"] .example-box p { font-size: 1.05rem; color: #1A1A1A; margin-bottom: 15px; font-style: normal; }
  [data-m3-page="life-architecture"] .example-box.bad p { color: #777; }
  [data-m3-page="life-architecture"] .example-box p:last-child { margin-bottom: 0; }

  /* 9. 隐私注脚 */
  [data-m3-page="life-architecture"] .privacy-note {
    font-size: 0.95rem; color: #888; margin-top: 30px; display: flex; align-items: center; gap: 8px;
    padding-top: 15px; border-top: 1px solid #EBE5D9;
  }

  /* --- 滚动渐显动画 --- */
  @keyframes smoothRiseUp {
    0% { opacity: 0; transform: translateY(15px); }
    100% { opacity: 1; transform: translateY(0); }
  }
  [data-m3-page="life-architecture"] .lux-scroll-reveal.is-visible {
    animation: smoothRiseUp 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) var(--reveal-delay, 0ms) forwards;
  }

  /* --- 移动端适配 --- */
  @media (max-width: 768px) {
    [data-m3-page="life-architecture"] .v-faq-luxury-light { padding: 80px 5vw 20px; }
    [data-m3-page="life-architecture"] .v-faq-header { margin-bottom: 40px; }
    [data-m3-page="life-architecture"] .v-faq-btn { padding: 30px 20px; }
    [data-m3-page="life-architecture"] .v-faq-num { font-size: 1.05rem; margin-right: 15px; }
    [data-m3-page="life-architecture"] .v-faq-text { font-size: 1.35rem; padding-right: 15px; }
    [data-m3-page="life-architecture"] .v-faq-content { padding: 0 20px 35px 20px; font-size: 1rem; }
    [data-m3-page="life-architecture"] .inset-panel, [data-m3-page="life-architecture"] .example-box { padding: 18px 20px; }
  }

/* ===== Final CTA ===== */
/* =================================================================
     东方宣言版 CTA (Final Cinematic Engine - 完美组团浮现版)
     ================================================================= */
  [data-m3-page="life-architecture"] .manifesto-cta-section {
    background-color: #F9F7F2;
    padding: 100px 5vw 60px 5vw;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    color: #1A1A1A;
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    display: flex;
    justify-content: center;
  }

  [data-m3-page="life-architecture"] .manifesto-container {
    max-width: 960px;
    width: 100%;
    position: relative;
    z-index: 2;
  }

  /* ==========================================
     上半部分：宣言与水墨纹理
     ========================================== */
  [data-m3-page="life-architecture"] .man-top-cascade {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }

  /* 水平东方纹样分割线 */
  [data-m3-page="life-architecture"] .man-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 35px 0;
  }

  [data-m3-page="life-architecture"] .man-divider::before,
  [data-m3-page="life-architecture"] .man-divider::after {
    content: '';
    width: 60px;
    height: 1px;
    background: linear-gradient(to right, rgba(198, 166, 100, 0), rgba(198, 166, 100, 0.6), rgba(198, 166, 100, 0));
  }

  [data-m3-page="life-architecture"] .man-diamond {
    width: 5px;
    height: 5px;
    background-color: #C6A664;
    transform: rotate(45deg);
    margin: 0 12px;
  }

  /* 标题包裹层：确保背景水墨绝对垂直居中 */
  [data-m3-page="life-architecture"] .man-title-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 10px 0;
    margin-bottom: 0;
  }

  /* --- 巨型纯正毛笔水墨纹理 --- */
  [data-m3-page="life-architecture"] .man-bg-texture {
    position: absolute;
    top: 50%;
    left: 50%;

    font-family: 'Ma Shan Zheng', cursive;
    font-size: clamp(10rem, 24vw, 20rem);
    /* PC端尺寸 */
    color: #888888;
    /* 纯正水墨灰 */
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    user-select: none;
    letter-spacing: 0.05em;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.92);
    transition: opacity 1.5s cubic-bezier(0.25, 1, 0.5, 1),
      transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
  }

  /* 优雅的主标题层次 */
  [data-m3-page="life-architecture"] .man-hook-main {
    position: relative;
    z-index: 2;
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.2rem);
    color: #2C2A26;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
  }

  [data-m3-page="life-architecture"] .man-hook-main span {
    display: block;
    color: #C6A664;
    margin-top: 8px;
    font-size: clamp(2.4rem, 5.5vw, 3.6rem);
    font-weight: 400;
  }

  /* ==========================================
     下半部分：包裹层设计 (将操作台与免责打包装组)
     ========================================== */
  [data-m3-page="life-architecture"] .man-bottom-group {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  [data-m3-page="life-architecture"] .man-action-console {
    width: 100%;
    background: transparent;
    border-top: 1px solid rgba(198, 166, 100, 0.3);
    border-bottom: 1px solid rgba(198, 166, 100, 0.3);
    padding: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: center;
  }

  /* 左侧状态 */
  [data-m3-page="life-architecture"] .man-status-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  [data-m3-page="life-architecture"] .man-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 20px;
  }

  [data-m3-page="life-architecture"] .man-pulse {
    width: 6px;
    height: 6px;
    background-color: #22C55E;
    border-radius: 50%;
    animation: mPulse 2s infinite;
  }

  [data-m3-page="life-architecture"] .man-delivery-text {
    font-size: 1.05rem;
    color: #555555;
    line-height: 1.7;
    margin: 0;
  }

  [data-m3-page="life-architecture"] .man-delivery-text strong {
    color: #C6A664;
    font-weight: 600;
  }

  [data-m3-page="life-architecture"] .man-delivery-text span {
    display: block;
    color: #555555;
    font-size: 0.95rem;
    margin-top: 5px;
  }

  /* 右侧按钮：药丸阵列 */
  [data-m3-page="life-architecture"] .man-btn-area {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
  }

  /* 主按钮：流光溢彩交互 */
  [data-m3-page="life-architecture"] .m-btn-pro {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #1A1A1A;
    color: #FFFFFF;
    font-family: 'Cinzel', serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 22px 0;
    text-decoration: none;
    border-radius: 2px;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid #1A1A1A;
  }

  [data-m3-page="life-architecture"] .m-btn-pro::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: all 0.7s ease;
  }

  [data-m3-page="life-architecture"] .m-btn-pro:hover {
    background-color: #C6A664;
    border-color: #C6A664;
    box-shadow: 0 10px 30px rgba(198, 166, 100, 0.3);
    transform: translateY(-3px);
  }

  [data-m3-page="life-architecture"] .m-btn-pro:hover::after {
    left: 200%;
  }

  /* 副按钮 */
  [data-m3-page="life-architecture"] .m-btn-core {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: transparent;
    color: #555555;
    font-family: 'Cinzel', serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 22px 0;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid rgba(198, 166, 100, 0.4);
    transition: all 0.4s ease;
  }

  [data-m3-page="life-architecture"] .m-btn-core:hover {
    border-color: #C6A664;
    color: #C6A664;
    background: rgba(198, 166, 100, 0.04);
    transform: translateY(-3px);
  }

  /* 底部免责声明 */
  [data-m3-page="life-architecture"] .man-disclaimer {
    font-size: 0.85rem;
    color: #999;
    margin-top: 50px;
    text-align: center;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .man-disclaimer a {
    color: #555555;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.15);
    transition: color 0.3s;
  }

  [data-m3-page="life-architecture"] .man-disclaimer a:hover {
    color: #C6A664;
  }

  /* =================================================================
     CTA reveal motion
     ================================================================= */

  [data-m3-page="life-architecture"] .lux-anim {
    opacity: 0;
    transform: translateY(24px) scale(0.985);
    transition: opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.82s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  /* 触发后的终态 */
  [data-m3-page="life-architecture"] .lux-anim.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* 水墨背景的专属极致缓释动画 */


  /* PC端的背景终态透明度 */
  [data-m3-page="life-architecture"] .man-title-wrapper.is-visible .man-bg-texture {
    opacity: 0.07;
    transform: translate(-50%, -50%) scale(1);
  }

  /* --- 移动端完美适配 --- */
  @media (max-width: 900px) {
    [data-m3-page="life-architecture"] .manifesto-cta-section {
      padding: 70px 5vw;
    }

    [data-m3-page="life-architecture"] .man-action-console {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 40px 0;
    }

    [data-m3-page="life-architecture"] .man-status-area {
      align-items: center;
      text-align: center;
      width: 100%;
    }

    [data-m3-page="life-architecture"] .man-btn-area {
      align-items: center;
    }

    [data-m3-page="life-architecture"] .m-btn-pro,
    [data-m3-page="life-architecture"] .m-btn-core {
      max-width: 380px;
    }

    [data-m3-page="life-architecture"] .man-hook-main { font-size: clamp(1.8rem, 4.5vw, 2.8rem); }
    [data-m3-page="life-architecture"] .man-hook-main span { font-size: clamp(2rem, 5vw, 3rem); }
    /* 移动端背景提亮，确保清晰 */
    [data-m3-page="life-architecture"] .man-bg-texture {
      font-size: 22vw;
    }

    [data-m3-page="life-architecture"] .man-title-wrapper.is-visible .man-bg-texture {
      opacity: 0.14;
    }
  }

  /* Inter has a wider x-height than the previous body font. Keep mobile body copy
     close to the visual scale of Apple's system text without changing titles. */
  @media (max-width: 768px) {
    [data-m3-page="life-architecture"] .af-desc { font-size: 1.025rem; }
    [data-m3-page="life-architecture"] .p-lead-175 { font-size: 1.1rem; }
    [data-m3-page="life-architecture"] .s-text-wrap > .s-text { font-size: 1.05rem; }
    [data-m3-page="life-architecture"] .step-desc {
      text-align: left;
      font-size: 1rem;
    }
    [data-m3-page="life-architecture"] .ans-lead { font-size: 1.05rem; }
  }

  /* Outcome section: match the inset black canvas and three-part reference layout. */
  [data-m3-page="life-architecture"] .page-section--outcome .merged-wrapper.v13-extend-host {
    overflow: visible;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
    max-width: none;
    overflow: hidden;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-bg-layer {
    opacity: 1;
    background:
      radial-gradient(ellipse at 50% 82%, rgba(184, 137, 55, 0.11) 0%, rgba(99, 68, 24, 0.04) 40%, transparent 70%),
      linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.98) 36%, rgba(13, 9, 3, 0.92) 100%);
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-container {
    max-width: 1600px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec {
    max-width: 1180px;
    width: 100%;
    margin-bottom: 0;
  }


  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-wrap {
    gap: 0;
    margin-bottom: 0;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-grid {
    max-width: 1380px;
    width: 100%;
    border-top-color: rgba(198, 166, 100, 0.34);
    border-bottom-color: rgba(198, 166, 100, 0.34);
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col {
    padding: 42px 32px 48px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col:not(:last-child)::after {
    top: 18%;
    height: 64%;
    background: linear-gradient(to bottom, transparent, rgba(198, 166, 100, 0.34), transparent);
  }


  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
    display: block;
    font-family: var(--f-cinzel);
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col p {
    margin: 0 auto;
    max-width: 390px;
    font-size: 0.98rem;
    line-height: 1.48;
  }

  @media (max-width: 900px) {
    [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
      white-space: normal;
    }
  }

    .no-js [data-m3-page="life-architecture"] .ux-reveal,
    .no-js [data-m3-page="life-architecture"] .anim-hide,
    .no-js [data-m3-page="life-architecture"] .anim-el,
    .no-js [data-m3-page="life-architecture"] .reveal-item,
    .no-js [data-m3-page="life-architecture"] .reveal-layer,
    .no-js [data-m3-page="life-architecture"] .reveal-target,
    .no-js [data-m3-page="life-architecture"] .lux-scroll-reveal,
    .no-js [data-m3-page="life-architecture"] .lux-anim,
    .no-js [data-m3-page="life-architecture"] .scroll-trigger,
    .no-js [data-m3-page="life-architecture"] .scroll-trigger-header,
    .no-js [data-m3-page="life-architecture"] .section-observer,
    .no-js [data-m3-page="life-architecture"] .v13-header-sec .v13-h2,
    .no-js [data-m3-page="life-architecture"] .v13-header-sec .v13-subh,
    .no-js [data-m3-page="life-architecture"] .v13-header-sec .v13-trinity-intro,
    .no-js [data-m3-page="life-architecture"] .v13-header-sec .v13-trinity-col,
    .no-js [data-m3-page="life-architecture"] .v13-header-sec .v13-transition,
    .no-js [data-m3-page="life-architecture"] .v154-header,
    .no-js [data-m3-page="life-architecture"] .hero-stack-wrapper,
    .no-js [data-m3-page="life-architecture"] .doc-card,
    .no-js [data-m3-page="life-architecture"] .ctrl-bar,
    .no-js [data-m3-page="life-architecture"] .echo-header,
    .no-js [data-m3-page="life-architecture"] .echo-slider,
    .no-js [data-m3-page="life-architecture"] .echo-controls,
    .no-js [data-m3-page="life-architecture"] .v184-header {
      opacity: 1 !important;
      visibility: visible;
      transform: none !important;
      filter: none !important;
    }

/* ===== Cross-module hierarchy and responsive refinements ===== */

/* Hero hierarchy and navigation */
[data-m3-page="life-architecture"] .h-line {
  font-size: clamp(3.5rem, 5.35vw, 5.6rem);
}

[data-m3-page="life-architecture"] .quote-lead {
  font-size: 1.55rem;
}

[data-m3-page="life-architecture"] .quote-lead strong {
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: 1.72rem;
  font-style: normal;
  font-weight: 400;
  color: #B88935;
  transform: skewX(-7deg);
  transform-origin: left center;
}

[data-m3-page="life-architecture"] .paragraph-body {
  font-size: 1.18rem;
}

[data-m3-page="life-architecture"] .hero-copy-group .paragraph-body {
  margin: 0;
}

[data-m3-page="life-architecture"] .hero-precision-note {
  display: block;
  max-width: 580px;
  margin-top: 14px;
  color: rgba(43, 41, 37, 0.68);
  font-family: var(--ff-body);
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.55;
}

[data-m3-page="life-architecture"] .hero-cta-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 24px 0 0;
}

[data-m3-page="life-architecture"] .keep-together {
  white-space: nowrap;
}


[data-m3-page="life-architecture"] .status-pill,
[data-m3-page="life-architecture"] .man-status-badge {
  color: #B88935;
}

[data-m3-page="life-architecture"] .pulse-light,
[data-m3-page="life-architecture"] .man-pulse {
  background-color: #B88935;
  animation-name: goldStatusPulse;
}

@keyframes goldStatusPulse {
  0% { box-shadow: 0 0 0 0 rgba(184, 137, 53, 0.48); }
  70% { box-shadow: 0 0 0 8px rgba(184, 137, 53, 0); }
  100% { box-shadow: 0 0 0 0 rgba(184, 137, 53, 0); }
}

[data-m3-page="life-architecture"] .hero-cta-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border: 1px solid #2B2925;
  background: #2B2925;
  color: #F7F3EA;
  font-family: 'Cinzel', serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(198, 166, 100, 0.14);
  transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

[data-m3-page="life-architecture"] .hero-cta-primary:hover {
  background: #9A7638;
  border-color: #9A7638;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(140, 107, 48, 0.18);
}

[data-m3-page="life-architecture"] .hero-cta-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #5E564A;
  font-family: 'Cinzel', serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-decoration: none;
  border-bottom: 1px solid rgba(140, 107, 48, 0.45);
  transition: color 0.3s ease, border-color 0.3s ease;
}

[data-m3-page="life-architecture"] .hero-cta-secondary:hover {
  color: #8C6B30;
  border-color: #8C6B30;
}

/* Outcome framework: full black field, restrained matrix, local glow only. */
[data-m3-page="life-architecture"] .page-section--outcome {
  background: #000000;
  padding: 0;
  position: relative;
  z-index: 2;
  margin-top: -2px;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
  width: 100%;
  margin: 0;
  padding: 46px 5vw 52px;
  border-radius: 0;
  background: #000000;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-h2 em {
  display: inline-block;
  color: #F0D384;
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  transform: none;
}


/* Tier, report, and biography refinements */
[data-m3-page="life-architecture"] .v133-subhead span {
  display: block;
  white-space: nowrap;
}


[data-m3-page="life-architecture"] .v133-overview {
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 16px;
}

[data-m3-page="life-architecture"] .v133-overview > span {
  display: block;
  color: var(--v133-gold);
  font-weight: 700;
}

[data-m3-page="life-architecture"] .v133-overview::after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 15px;
  height: 1px;
  background: linear-gradient(90deg, rgba(198, 166, 100, 0.7), rgba(198, 166, 100, 0.2), transparent);
}

[data-m3-page="life-architecture"] .v133-breakthrough {
  padding-top: 14px;
}

[data-m3-page="life-architecture"] .v133-breakthrough .item-t {
  color: var(--v133-gold);
}


[data-m3-page="life-architecture"] .stat-value {
  font-family: 'Cinzel', serif;
}


[data-m3-page="life-architecture"] .body-group-175::before {
  display: none;
}

[data-m3-page="life-architecture"] .p-lead-175 strong {
  color: rgba(198, 166, 100, 0.82);
  font-weight: 400;
}

/* Report lightbox controls stay visible above the image at every viewport. */


[data-m3-page="life-architecture"] button.lb-close {
  z-index: 10003;
  color: #FFFFFF;
  background: rgba(12, 12, 12, 0.76);
  border: 1px solid rgba(255, 255, 255, 0.28);
}


[data-m3-page="life-architecture"] button.lb-arrow {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
}

/* Client stories: readable excerpts plus a shared details modal. */


[data-m3-page="life-architecture"] .s-read-more-btn {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 14px;
  padding: 0 0 5px;
  border: 0;
  border-bottom: 1px solid rgba(198, 166, 100, 0.5);
  background: transparent;
  color: #D8BE7A;
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  letter-spacing: 0.13em;
  cursor: pointer;
  touch-action: manipulation;
}

[data-m3-page="life-architecture"] .story-modal[hidden] {
  display: none;
}

[data-m3-page="life-architecture"] .story-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 28px;
}

[data-m3-page="life-architecture"] .story-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-m3-page="life-architecture"] .story-modal-panel {
  position: relative;
  z-index: 1;
  width: min(680px, 92vw);
  max-height: min(780px, 88vh);
  overflow-y: auto;
  padding: 56px 58px 52px;
  border: 1px solid rgba(198, 166, 100, 0.28);
  background: #11100E;
  color: #EAEAEA;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.65);
  opacity: 0;
  transform: translateY(20px) scale(0.985);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

[data-m3-page="life-architecture"] .story-modal.is-open .story-modal-backdrop,
[data-m3-page="life-architecture"] .story-modal.is-open .story-modal-panel {
  opacity: 1;
}

[data-m3-page="life-architecture"] .story-modal.is-open .story-modal-panel {
  transform: translateY(0) scale(1);
}

[data-m3-page="life-architecture"] .story-modal-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: transparent;
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

[data-m3-page="life-architecture"] .story-modal-content .s-hook {
  margin-bottom: 24px;
  color: #E2C783;
  font-size: clamp(1.8rem, 4vw, 2.35rem);
}

[data-m3-page="life-architecture"] .story-modal-content .s-author-box {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-m3-page="life-architecture"] .story-modal-content .s-name {
  font-style: normal;
}

[data-m3-page="life-architecture"] .story-modal-content .s-text {
  margin: 0;
  color: #C8C8C8;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.78;
}

[data-m3-page="life-architecture"] .story-modal-content .s-text + .s-text {
  margin-top: 1em;
}

[data-m3-page="life-architecture"] .story-modal-content .s-text strong {
  color: #E2C783;
  font-weight: 600;
}

@media (min-width: 901px) and (max-width: 1200px) {
  [data-m3-page="life-architecture"] .h-line {
    font-size: clamp(3.35rem, 6vw, 4.65rem);
  }

  [data-m3-page="life-architecture"] .quote-lead {
    font-size: 1.34rem;
  }

  [data-m3-page="life-architecture"] .quote-lead strong {
    font-size: 1.46rem;
  }

  [data-m3-page="life-architecture"] .paragraph-body {
    font-size: 1.05rem;
  }
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
    width: 100%;
    margin: 0;
    padding: 42px 20px 44px;
    border-radius: 0;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-title-line {
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-grid {
    border: 0;
    background: transparent;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-grid::before,
  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-grid::after {
    left: 50%;
    width: min(76%, 560px);
    background: linear-gradient(90deg, transparent, rgba(198, 166, 100, 0.58), transparent);
    transform: translateX(-50%);
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col {
    padding: 30px 16px 34px;
    background: transparent;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    width: min(72%, 520px);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(198, 166, 100, 0.58), transparent);
    transform: translateX(-50%);
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col p {
    font-size: 0.98rem;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .v133-subhead {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  [data-m3-page="life-architecture"] .echo-sub {
    max-width: none;
    font-size: clamp(0.8rem, 3.45vw, 0.92rem);
    letter-spacing: 0;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .story-card {
    width: 80vw;
    max-width: 100%;
    box-sizing: border-box;
    scroll-snap-align: center;


    cursor: grab;
    background: var(--v172-card-m);
    border-color: rgba(255, 255, 255, 0.075);
    /* 不用 scale，避免与 scroll 几何不一致 */
    opacity: 1;
    transform: none;
    filter: none;
    gap: 22px;
    padding: 32px 24px;
  }

  [data-m3-page="life-architecture"] .s-text-wrap {
    height: 122px;
  }

  [data-m3-page="life-architecture"] .s-read-more-btn {
     background: none; border: none; padding: 15px 0 0 0;
    color: var(--v172-gold); font-family: var(--v172-font-num); font-size: 0.85rem;
    letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer;
    outline: none; -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    margin-top: 12px;
  }

  [data-m3-page="life-architecture"] .man-top-cascade {
    margin-bottom: 18px;
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  [data-m3-page="life-architecture"] .quote-lead {
    font-size: 1.65rem;
  }

  [data-m3-page="life-architecture"] .quote-lead strong {
    font-size: 1.82rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col p {
    font-size: 1.05rem;
  }

  [data-m3-page="life-architecture"] .v133-headline {
    font-size: 3rem;
  }

  [data-m3-page="life-architecture"] .v133-subhead {
    font-size: 1.08rem;
  }

  [data-m3-page="life-architecture"] .card-sub {
    font-size: 1.2rem;
  }

  [data-m3-page="life-architecture"] .v154-sub {
    width: auto;
    max-width: 760px;
    font-size: 1.05rem;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .sub-175 {
    max-width: 100%;
    font-size: 1.12rem;
  }

  [data-m3-page="life-architecture"] .p-lead-175 {
    font-size: 1.15rem;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-col p {
    font-size: 1rem;
  }

  [data-m3-page="life-architecture"] .card-sub {
    font-size: 1.08rem;
  }

  [data-m3-page="life-architecture"] .v133-overview::after {
    background: linear-gradient(90deg, rgba(198, 166, 100, 0.75), rgba(198, 166, 100, 0.28), transparent);
  }
}

@media (max-width: 768px) {
  [data-m3-page="life-architecture"] .h-line {
    font-size: clamp(3.1rem, 12vw, 4.15rem);
  }

  [data-m3-page="life-architecture"] .quote-lead {
    width: 100%;
    color: #292722;
    font-size: clamp(0.94rem, 4.45vw, 1.2rem);
    line-height: 1.35;
  }

  [data-m3-page="life-architecture"] .quote-lead span,
  [data-m3-page="life-architecture"] .quote-lead strong {
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .quote-lead strong {
    font-size: clamp(0.98rem, 4.7vw, 1.25rem);
  }

  [data-m3-page="life-architecture"] .paragraph-body {
    font-size: 1rem;
    line-height: 1.62;
  }

  [data-m3-page="life-architecture"] .hero-cta-row {
    flex-wrap: wrap;
    gap: 16px 20px;
    margin: 22px 0 0;
  }

  [data-m3-page="life-architecture"] .hero-cta-primary {
    min-height: 48px;
    padding: 0 22px;
    font-size: 0.72rem;
  }

  [data-m3-page="life-architecture"] .hero-cta-secondary {
    min-height: 40px;
    font-size: 0.7rem;
  }

  [data-m3-page="life-architecture"] .seal-caption-xl {
    max-width: 270px;
    font-size: 0.82rem;
    line-height: 1.42;
    text-wrap: pretty;
  }

  [data-m3-page="life-architecture"] .v154-header {
    margin-bottom: 32px;
  }

  [data-m3-page="life-architecture"] .v154-sub {
    width: calc(100% - 36px);
    margin-top: 14px;
    font-size: 0.9rem;
    line-height: 1.6;
    text-wrap: balance;
  }

  [data-m3-page="life-architecture"] button.lb-close {
    top: max(14px, env(safe-area-inset-top));
    right: 14px;
    width: 46px;
    height: 46px;
    font-size: 1.75rem;
    background: rgba(8, 8, 8, 0.86);
  }

  [data-m3-page="life-architecture"] .lb-dock {
    justify-content: space-between;  bottom: 30px;
    bottom: max(18px, env(safe-area-inset-bottom));
    width: calc(100% - 28px);
    padding: 10px 12px;
  }

  [data-m3-page="life-architecture"] button.lb-arrow {
    width: 44px;
    height: 44px;
  }

  [data-m3-page="life-architecture"] .story-modal {
    padding: 14px;
  }

  [data-m3-page="life-architecture"] .story-modal-panel {
    width: 100%;
    max-height: 88vh;
    padding: 52px 24px 34px;
  }

  [data-m3-page="life-architecture"] .story-modal-content .s-hook {
    font-size: 1.75rem;
  }

  [data-m3-page="life-architecture"] .story-modal-content .s-role {
    line-height: 1.65;
  }
}

/* Theory threshold rhythm: compact handoff, two-line title, and warm depth. */
[data-m3-page="life-architecture"] .content-canvas {
  padding-bottom: clamp(42px, 4vw, 58px);
}

[data-m3-page="life-architecture"] .theory-transition-image {
  contain: paint;
}

[data-m3-page="life-architecture"] .theory-transition-image img {
  opacity: 0.58;
  filter: none;
  transform: translate3d(0, 14px, 0) scale(1.022);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

[data-m3-page="life-architecture"] .theory-transition-image.is-revealed img {
  animation: theoryArtworkArrival 0.84s cubic-bezier(0.2, 0.72, 0.3, 1) forwards;
  will-change: transform, opacity;
}

[data-m3-page="life-architecture"] .theory-transition-image.is-revealed.is-settled img {
  opacity: 1;
  filter: none;
  animation: none;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

@keyframes theoryArtworkArrival {
  0% {
    opacity: 0.58;
    filter: none;
    transform: translate3d(0, 14px, 0) scale(1.022);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

[data-m3-page="life-architecture"] .page-section--outcome,
[data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
  background-color: #000000;
  background-image:
    radial-gradient(ellipse at 50% 84%, rgba(179, 131, 50, 0.16) 0%, rgba(120, 82, 27, 0.065) 34%, transparent 66%),
    linear-gradient(180deg, #000000 0%, #000000 34%, #040301 66%, #0D0903 100%);
}


[data-m3-page="life-architecture"] .page-section--outcome .v13-title-line--outcome {
  color: #F0D384;
  font-size: 1em;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-title-line--outcome em {
  margin-right: 0.1em;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "lnum" 1, "onum" 0, "pnum" 1;
  line-height: 1;
  vertical-align: baseline;
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .content-canvas {
    padding: 60px 5vw 80px 5vw;
    padding-bottom: 36px;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .content-canvas {
    padding-bottom: 28px;
  }

  [data-m3-page="life-architecture"] .theory-transition-image {
    --theory-scale-mid: 1.012;
    --theory-scale-end: 1.04;
  }

}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .theory-transition-image img {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
    animation: none;
    will-change: auto;
  }
}

.no-js [data-m3-page="life-architecture"] .theory-transition-image img {
  opacity: 1;
  filter: none;
  transform: none;
  animation: none;
  will-change: auto;
}

/* Section 1 to theory: responsive ink-wash threshold artwork. */
[data-m3-page="life-architecture"] .theory-transition-image {
  position: relative;
  width: 100%;
  margin-bottom: -2px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #F9F7F2 0%, #F9F7F2 24%, #000000 86%);
  line-height: 0;
}

[data-m3-page="life-architecture"] .theory-transition-image picture,
[data-m3-page="life-architecture"] .theory-transition-image img {
  display: block;
  width: 100%;
}

[data-m3-page="life-architecture"] .theory-transition-image img {
  height: auto;
}

@media (min-width: 1025px) {
  [data-m3-page="life-architecture"] .theory-transition-image picture {
    width: 106%;
    margin-left: -6%;
  }
}

[data-m3-page="life-architecture"] .theory-transition-image::before,
[data-m3-page="life-architecture"] .theory-transition-image::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
}

[data-m3-page="life-architecture"] .theory-transition-image::before {
  top: 0;
  height: 18%;
  background: linear-gradient(to bottom, #F9F7F2 0%, rgba(249, 247, 242, 0.72) 34%, rgba(249, 247, 242, 0) 100%);
}

[data-m3-page="life-architecture"] .theory-transition-image::after {
  bottom: -2px;
  height: calc(14% + 4px);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-h2 .v13-title-line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .theory-transition-image::before {
    height: 22%;
  }

  [data-m3-page="life-architecture"] .theory-transition-image::after {
    height: 18%;
  }

}

/* ===== Component typography and editorial spacing ===== */

[data-m3-page="life-architecture"] .price-now,
[data-m3-page="life-architecture"] .price-old,
[data-m3-page="life-architecture"] .p-curr,
[data-m3-page="life-architecture"] .p-old,
[data-m3-page="life-architecture"] .stat-value {
  font-family: 'Playfair Display', serif;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-ambient {
  top: 0;
  height: 960px;
  background: radial-gradient(ellipse at 50% 52%, rgba(198, 166, 100, 0.115) 0%, rgba(198, 166, 100, 0.042) 30%, transparent 62%);
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 12%, #000 32%, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 12%, #000 32%, #000 82%, transparent 100%);
  animation: outcomeAmbientPulse 14s ease-in-out infinite alternate;
  transform-origin: center;
}

@keyframes outcomeAmbientPulse {
  from {
    opacity: 0.72;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1.04);
  }
}

[data-m3-page="life-architecture"] .page-section--outcome:not(.is-motion-active) .v13-ambient {
  animation-play-state: paused;
}

[data-m3-page="life-architecture"] .echo-sub {
  font-size: 1.08rem;
  color: #B8B8B8;
}


[data-m3-page="life-architecture"] .s-text-wrap > .s-text {
  color: #D4D4D4;
  font-size: 0.98rem;
  line-height: 1.68;
}

@media (min-width: 901px) {
  [data-m3-page="life-architecture"] .sub-175,
  [data-m3-page="life-architecture"] .p-lead-175 {
    font-size: 1.14rem;
  }

  [data-m3-page="life-architecture"] .sub-175 {
    max-width: 100%;
    margin-bottom: 28px;
    letter-spacing: 0.055em;
    line-height: 1.55;
  }

  [data-m3-page="life-architecture"] .p-lead-175 {
    max-width: 760px;
    line-height: 1.72;
  }

  [data-m3-page="life-architecture"] .story-card {
    flex: 0 0 var(--echo-cw);
    min-width: 0;
    max-width: none;
    min-height: 460px;
    gap: 28px;
    padding: 44px 38px;
  }
}

@media (min-width: 1201px) {
  [data-m3-page="life-architecture"] .echo-track {
    --echo-cw: min(500px, calc((100vw - 10vw - 56px) / 3));
    gap: 28px;
    padding-left: max(28px, calc((100vw - 3 * var(--echo-cw) - 56px) / 2));
    padding-right: max(28px, calc((100vw - 3 * var(--echo-cw) - 56px) / 2));
    scroll-padding-inline: max(28px, calc((100vw - 3 * var(--echo-cw) - 56px) / 2));
  }

}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-ambient {
    height: 1300px;
  }

  [data-m3-page="life-architecture"] .s-hook {
    margin-bottom: 0;
    padding-bottom: 14px;
    font-size: 1.48rem;
  }

  [data-m3-page="life-architecture"] .s-text-wrap > .s-text {
    line-height: 1.68;
    letter-spacing: 0.01em;
    font-size: 0.96rem;
  }
}

/* Report lightbox is portaled to body so viewport positioning stays reliable. */
[data-m3-page="life-architecture"].report-lightbox-open {
  position: fixed;
  top: var(--report-scroll-offset, 0);
  right: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding-right: var(--report-scrollbar-width, 0);
}

[data-m3-page="life-architecture"] .lb-modal,
[data-m3-page="life-architecture"] .lb-modal * {
  box-sizing: border-box;
}

[data-m3-page="life-architecture"] .lb-modal {
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
}


[data-m3-page="life-architecture"] .lb-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  object-fit: contain;
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .lb-viewport {
    padding: 68px 12px 98px;
  }

  [data-m3-page="life-architecture"] .lb-image {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-ambient {
    animation: none;
  }
}

[data-m3-page="life-architecture"] .h-line-gold,
[data-m3-page="life-architecture"] .quote-lead strong {
  color: var(--ml-gold-dark);
}

/* ===== Outcome hierarchy: theory, personal application, life areas ===== */
[data-m3-page="life-architecture"] .page-section--outcome .v13-h2 {
  max-width: 1180px;
  min-height: 0;
  margin: 0;
  letter-spacing: 0;
  margin-bottom: 46px;
  font-size: clamp(2.85rem, 3.45vw, 3.75rem);
  line-height: 1.06;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-glyph {
  display: block;
  margin-bottom: 8px;
  font-family: var(--f-brush);
  line-height: 0.9;
  color: rgba(198, 166, 100, 0.34);
  font-size: clamp(2.65rem, 3vw, 3.3rem);
  text-shadow: none;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-title {
  margin: 0 0 12px;
  font-family: var(--f-en);
  font-weight: 400;
  line-height: 1.1;
  color: rgba(244, 240, 232, 0.88);
  font-size: clamp(1.35rem, 1.55vw, 1.62rem);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
  color: rgba(234, 211, 154, 0.76);

  margin-bottom: 14px;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 980px;
  --bridge-top-gap: clamp(70px, 6.4vw, 96px);
  --bridge-bottom-gap: 96px;
  margin: clamp(70px, 6.4vw, 96px) auto 72px;
  padding: 0 22px;
  font-size: clamp(1.15rem, 2.3vw, 1.55rem);
  line-height: 1.38;
  letter-spacing: 0.01em;
  text-align: center;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition > :not(.v13-transition-bridge) {
  position: relative;
  z-index: 1;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-bridge {
  position: absolute;
  top: calc(-1 * var(--bridge-top-gap));
  left: 50%;
  z-index: 0;
  width: min(1380px, calc(100vw - 10vw));
  height: calc(100% + var(--bridge-top-gap) + var(--bridge-bottom-gap));
  overflow: visible;
  pointer-events: none;
  transform: translateX(-50%);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line {
  fill: none;
  stroke-width: 0.88;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
  vector-effect: non-scaling-stroke;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--in {
  stroke: url(#v13-thread-in);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--spine {
  stroke: url(#v13-thread-spine);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-bridge-line {
  animation: v13BridgeLineIn 0.78s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-bridge-line--top-1 { animation-delay: 0.02s; }
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-bridge-line--top-2 { animation-delay: 0.07s; }
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-bridge-line--top-3 { animation-delay: 0.12s; }
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-bridge-line--center { animation-delay: 0.66s; }

@keyframes v13BridgeLineIn {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
  }
  24% {
    opacity: 0.34;
  }
  100% {
    opacity: 0.6;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
  }
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.anim-hide {
  filter: none;
  transform: translateY(18px);
  transition: opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1), transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-eyebrow,
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-transition-eyebrow,
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-transition-copy {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-transition-eyebrow {
  transition-delay: 0.08s;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition.is-visible .v13-transition-copy {
  transition-delay: 0.2s;
}


[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: #EEEAE2;
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 2.55vw, 2.55rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-line {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  text-wrap: balance;
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-h2 {
    margin-bottom: 40px;
    font-size: clamp(2.35rem, 6vw, 3rem);
    line-height: 1.08;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-glyph {
    font-size: 2.65rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-title {
    font-size: 1.38rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
    margin-bottom: 11px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition {
    --bridge-top-gap: 66px;
    --bridge-bottom-gap: 76px;
    margin-top: 66px;
    margin-bottom: 52px;
    font-size: clamp(0.98rem, 4.4vw, 1.18rem);
    line-height: 1.45;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
    font-size: clamp(1.55rem, 3.8vw, 1.9rem);
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-h2 {
    font-size: clamp(2.15rem, 9vw, 2.35rem);
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-glyph {
    font-size: 2.4rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-title {
    font-size: 1.3rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {

    margin-bottom: 10px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition {
    --bridge-top-gap: 56px;
    --bridge-bottom-gap: 60px;
    margin-top: 56px;
    margin-bottom: 42px;
    padding: 0 8px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--center {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
    font-size: clamp(1.28rem, 5.8vw, 1.62rem);
    line-height: 1.24;
  }

}

@media (max-width: 767px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--top-1,
  [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--top-2,
  [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line--top-3 {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line {
    animation: none !important;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    opacity: 0.6;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-eyebrow,
  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ===== Section spacing, labels, and mirrored calligraphy ===== */
[data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
  padding-bottom: 88px;
}

[data-m3-page="life-architecture"] .page-section--tiers .v133-header {
  padding-top: 82px;
}

[data-m3-page="life-architecture"] .section-archive-v154 {
  padding-bottom: 96px;
}


[data-m3-page="life-architecture"] .page-section--outcome .v13-matrix {
  display: block;
  height: 1050px;
  opacity: 1;
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, #000 23%, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, #000 23%, #000 82%, transparent 100%);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-matrix-col {
  --matrix-opacity: 0.12;
  --matrix-blur: 0px;
  top: auto;
  right: auto;
  left: auto;
  opacity: 0;
  filter: blur(var(--matrix-blur));
  animation: none;
  color: rgba(218, 187, 115, 0.9);
  line-height: 1.35;
  letter-spacing: 0.4em;
  text-shadow: 0 0 18px rgba(198, 166, 100, 0.14);
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc1,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc2,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc3,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc4 {
  animation: matrixFlowFromLeft 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
  animation-delay: var(--matrix-delay);
  will-change: opacity, transform;
}

[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc5,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc6,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc7,
[data-m3-page="life-architecture"] .page-section--outcome.is-motion-active .mc8 {
  animation: matrixFlowFromRight 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
  animation-delay: var(--matrix-delay);
  will-change: opacity, transform;
}

[data-m3-page="life-architecture"] .page-section--outcome .mc1,
[data-m3-page="life-architecture"] .page-section--outcome .mc8 {
  --matrix-opacity: 0.27;
  --matrix-delay: 0s;
  top: 14%;
  font-size: 1.95rem;
}

[data-m3-page="life-architecture"] .page-section--outcome .mc1 { left: 2.8%; }
[data-m3-page="life-architecture"] .page-section--outcome .mc8 { right: 2.8%; }

[data-m3-page="life-architecture"] .page-section--outcome .mc2,
[data-m3-page="life-architecture"] .page-section--outcome .mc7 {
  --matrix-opacity: 0.25;
  --matrix-delay: 0.72s;
  top: 25%;
  font-size: 1.55rem;
}

[data-m3-page="life-architecture"] .page-section--outcome .mc2 { left: 8.5%; }
[data-m3-page="life-architecture"] .page-section--outcome .mc7 { right: 8.5%; }

[data-m3-page="life-architecture"] .page-section--outcome .mc3,
[data-m3-page="life-architecture"] .page-section--outcome .mc6 {
  --matrix-opacity: 0.18;
  --matrix-delay: 1.44s;
  --matrix-blur: 0.5px;
  top: 37%;
  font-size: 1.28rem;
}

[data-m3-page="life-architecture"] .page-section--outcome .mc3 { left: 14.2%; }
[data-m3-page="life-architecture"] .page-section--outcome .mc6 { right: 14.2%; }

[data-m3-page="life-architecture"] .page-section--outcome .mc4,
[data-m3-page="life-architecture"] .page-section--outcome .mc5 {
  --matrix-opacity: 0.14;
  --matrix-delay: 2.16s;
  --matrix-blur: 0.8px;
  top: 48%;
  font-size: 1.34rem;
}

[data-m3-page="life-architecture"] .page-section--outcome .mc4 { left: 19.8%; }
[data-m3-page="life-architecture"] .page-section--outcome .mc5 { right: 19.8%; }

@keyframes matrixFlowFromLeft {
  0%, 4% {
    opacity: 0;
    transform: translate3d(-34px, 0, 0);
  }

  15% {
    opacity: calc(var(--matrix-opacity) * 0.96);
    transform: translate3d(-6px, 0, 0);
  }

  56% {
    opacity: var(--matrix-opacity);
    transform: translate3d(3px, 0, 0);
  }

  78%, 100% {
    opacity: 0;
    transform: translate3d(13px, 0, 0);
  }
}

@keyframes matrixFlowFromRight {
  0%, 4% {
    opacity: 0;
    transform: translate3d(34px, 0, 0);
  }

  15% {
    opacity: calc(var(--matrix-opacity) * 0.96);
    transform: translate3d(6px, 0, 0);
  }

  56% {
    opacity: var(--matrix-opacity);
    transform: translate3d(-3px, 0, 0);
  }

  78%, 100% {
    opacity: 0;
    transform: translate3d(-13px, 0, 0);
  }
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
    padding-bottom: 72px;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .v133-header {
    padding-top: 66px;
  }

  [data-m3-page="life-architecture"] .section-archive-v154 {
    padding-bottom: 82px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-matrix {
    display: block;
    height: 1300px;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-matrix-col {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc1,
  [data-m3-page="life-architecture"] .page-section--outcome .mc2,
  [data-m3-page="life-architecture"] .page-section--outcome .mc7,
  [data-m3-page="life-architecture"] .page-section--outcome .mc8 {
    display: block;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc1,
  [data-m3-page="life-architecture"] .page-section--outcome .mc8 {
    --matrix-opacity: 0.15;
    top: 18%;
    font-size: 1.35rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc1 { left: 2%; }
  [data-m3-page="life-architecture"] .page-section--outcome .mc8 { right: 2%; }

  [data-m3-page="life-architecture"] .page-section--outcome .mc2,
  [data-m3-page="life-architecture"] .page-section--outcome .mc7 {
    --matrix-opacity: 0.12;
    top: 50%;
    font-size: 1.08rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc2 { left: 8%; }
  [data-m3-page="life-architecture"] .page-section--outcome .mc7 { right: 8%; }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-sec {
    padding-bottom: 62px;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .v133-header {
    padding-top: 58px;
  }

  [data-m3-page="life-architecture"] .section-archive-v154 {
    padding-bottom: 72px;
  }

  [data-m3-page="life-architecture"] .status-footer {
    gap: 7px;
  }

  [data-m3-page="life-architecture"] .status-pill {
    gap: 8px;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
  }

  [data-m3-page="life-architecture"] .pulse-light {
    width: 6px;
    height: 6px;
  }

  [data-m3-page="life-architecture"] .status-msg {
    font-size: 0.94rem;
  }

  [data-m3-page="life-architecture"] .status-aside {
    max-width: 310px;
    font-size: 0.82rem;
    line-height: 1.45;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc2,
  [data-m3-page="life-architecture"] .page-section--outcome .mc7 {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .mc1,
  [data-m3-page="life-architecture"] .page-section--outcome .mc8 {
    --matrix-opacity: 0.12;
    top: 22%;
    font-size: 1.12rem;
  }

}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-matrix-col {
    filter: blur(var(--matrix-blur));
    animation: none !important;
    opacity: var(--matrix-opacity);
    transform: none;
    will-change: auto;
  }
}

/* Service-label and section-spacing refinements. */
[data-m3-page="life-architecture"] .hero-cta-row {
  margin-top: 36px;
}

[data-m3-page="life-architecture"] .hot-badge {
  position: absolute;
  top: -14px;
  right: 28px;
  left: auto;
  min-width: 0;
  padding: 8px 18px 7px;
  transform: none;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 1px;
  background: #9B7738;
  box-shadow: 0 8px 20px rgba(101, 75, 31, 0.16);
  color: #FFF9EC;
  font-family: 'Cinzel', serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

[data-m3-page="life-architecture"] .section-echoes-v172 {
  padding-top: 76px;
  padding-bottom: 112px;
}

[data-m3-page="life-architecture"] .section-process-v184 > .v184-container {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media (max-width: 1200px) {
  [data-m3-page="life-architecture"] .section-echoes-v172 {
    padding-top: 64px;
    padding-bottom: 88px;
  }

  [data-m3-page="life-architecture"] .section-process-v184 > .v184-container {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

@media (max-width: 768px) {
  [data-m3-page="life-architecture"] .hero-cta-row {
    margin-top: 30px;
  }

  [data-m3-page="life-architecture"] .hot-badge {
    top: -13px;
    right: 20px;
    padding: 7px 14px 6px;
    font-size: 0.58rem;
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  [data-m3-page="life-architecture"] .section-process-v184 > .v184-container {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

/* Refined bridge label between the theory and application layers. */
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-eyebrow {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: auto;
  margin-bottom: 8px;
  color: rgba(218, 187, 115, 0.76);
  font-family: 'Cinzel', serif;
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-transition-eyebrow {
    gap: 11px;
    margin-bottom: 7px;
    font-size: 0.62rem;
    letter-spacing: 0.14em;
  }
}

/* Keep the opening artwork static and fully sharp. */
[data-m3-page="life-architecture"] .split-hero .sh-right {
  overflow: hidden;
}

/* Theory seam and annotation sizing. */


[data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
  font-size: clamp(0.8rem, 0.76vw, 0.86rem);
  letter-spacing: 0.16em;
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--outcome .v13-trinity-meta {
    font-size: 0.76rem;
  }
}

/* Client Stories hierarchy and Sample Report proportions. */
[data-m3-page="life-architecture"] .section-archive-v154 .stack-card,
[data-m3-page="life-architecture"] .section-archive-v154 .stack-img,
[data-m3-page="life-architecture"] .section-archive-v154 .doc-card,
[data-m3-page="life-architecture"] .section-archive-v154 .doc-floater,
[data-m3-page="life-architecture"] .section-archive-v154 .doc-img {
  aspect-ratio: var(--v154-card-ratio);
}

[data-m3-page="life-architecture"] .section-archive-v154 .stack-img,
[data-m3-page="life-architecture"] .section-archive-v154 .doc-img {
  object-fit: contain;
  background: #FFFFFF;
}

[data-m3-page="life-architecture"] .section-echoes-v172 .story-card {
  background:
    linear-gradient(180deg, #0E0D0B 0%, #090908 100%);
  border-color: rgba(255, 255, 255, 0.055);
  border-radius: 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  opacity: 0.66;
  filter: none;
  transform: none;
  transition:
    opacity 0.34s ease,
    background 0.5s ease,
    border-color 0.42s ease,
    box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-m3-page="life-architecture"] .section-echoes-v172 .story-card.active {
  background:
    radial-gradient(ellipse 115% 72% at 14% -4%, rgba(196, 162, 91, 0.09) 0%, rgba(196, 162, 91, 0.025) 48%, transparent 72%),
    linear-gradient(180deg, #14110D 0%, #0C0B09 58%, #080807 100%);
  border-color: rgba(198, 166, 100, 0.18);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.52),
    -18px -12px 48px rgba(162, 127, 60, 0.025),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  opacity: 1;
  filter: none;
  transform: none;
}

[data-m3-page="life-architecture"] .section-echoes-v172 .s-name {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
}

[data-m3-page="life-architecture"] .section-echoes-v172 .s-client-tag {
  color: #D1AE60;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01em;
}

[data-m3-page="life-architecture"] .section-echoes-v172 .story-card.active .s-text-wrap > .s-text {
  color: #D8D3CB;
}

[data-m3-page="life-architecture"] .section-echoes-v172 .s-text-wrap {
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 54%,
    rgba(0, 0, 0, 0.9) 66%,
    rgba(0, 0, 0, 0.42) 84%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 54%,
    rgba(0, 0, 0, 0.9) 66%,
    rgba(0, 0, 0, 0.42) 84%,
    transparent 100%
  );
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .section-echoes-v172 .story-card {
    opacity: 0.7;
    filter: none;
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 .story-card.active {
    opacity: 1;
  }
}

/* ===== Unified motion, loading, and responsive performance layer ===== */
[data-m3-page="life-architecture"].modal-open {
  overflow: hidden;
}

[data-m3-page="life-architecture"] :where(a, button):focus-visible {
  outline: 2px solid rgba(198, 166, 100, 0.82);
  outline-offset: 4px;
}

[data-m3-page="life-architecture"] :where(h1, h2, h3) {
  text-wrap: balance;
}

[data-m3-page="life-architecture"] :where(p, li) {
  text-wrap: pretty;
}

[data-m3-page="life-architecture"] .hero-title > .ux-reveal {
  display: block;
  overflow: clip;
  margin: -0.08em -0.1em -0.2em;
  padding: 0.08em 0.1em 0.2em;
  opacity: 1;
  transform: none;
  transition: none;
}

[data-m3-page="life-architecture"] .content-canvas > .artefact-card.ux-reveal {
  filter: blur(5px);
  transition: opacity 0.72s var(--s1-ease), transform 0.72s var(--s1-ease), filter 0.78s var(--s1-ease);
}

[data-m3-page="life-architecture"] .content-canvas > .artefact-card.ux-reveal.is-unveiled {
  filter: blur(0);
}


[data-m3-page="life-architecture"] .theory-transition-image img,
[data-m3-page="life-architecture"] .master-img-175,
[data-m3-page="life-architecture"] .stack-img,
[data-m3-page="life-architecture"] .doc-img {
  display: block;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec .v13-trinity-col {
  filter: none !important;
}

@keyframes tierRodSettle {
  from {
    opacity: 0;
    transform: translateY(var(--rod-entry-y));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tierPaperUnroll {
  from {
    clip-path: inset(0 0 100% 0);
    opacity: 0.62;
    transform: translateY(-8px);
  }
  to {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tierContentIn {
  from {
    opacity: 0;
    transform: translateY(15px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes tierListItemIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-m3-page="life-architecture"] .scroll-container .zen-rod-top {
  --rod-entry-y: -12px;
}

[data-m3-page="life-architecture"] .scroll-container .zen-rod-bottom {
  --rod-entry-y: 12px;
}

[data-m3-page="life-architecture"] .scroll-container .zen-paper-mask {
  max-height: none;
  clip-path: inset(0 0 100% 0);
  opacity: 0;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-rod-top,
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-rod-bottom {
  animation: tierRodSettle 0.72s var(--s1-ease) forwards;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-rod-top {
  animation-delay: 0.08s;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-rod-bottom {
  animation-delay: 0.66s;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-paper-mask {
  max-height: none;
  animation: tierPaperUnroll 0.92s 0.18s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > * {
  animation-name: tierContentIn;
  animation-duration: 0.7s;
  animation-timing-function: var(--s1-ease);
  animation-fill-mode: forwards;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item {
  animation-name: tierListItemIn;
  animation-duration: 0.58s;
  animation-timing-function: var(--s1-ease);
  animation-fill-mode: forwards;
}

[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(1) { animation-delay: 0.24s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(2) { animation-delay: 0.32s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(3) { animation-delay: 0.4s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(4) { animation-delay: 0.48s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(5) { animation-delay: 0.56s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > *:nth-child(6) { animation-delay: 0.64s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(1) { animation-delay: 0.68s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(2) { animation-delay: 0.74s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(3) { animation-delay: 0.8s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(4) { animation-delay: 0.86s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(5) { animation-delay: 0.92s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .v133-list .v133-item:nth-child(6) { animation-delay: 0.98s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > .delivery-note { animation-delay: 0.94s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > .bonus-zone { animation-delay: 1.02s; }
[data-m3-page="life-architecture"] .scroll-container.is-visible .zen-inner > .action-area { animation-delay: 1.1s; }

[data-m3-page="life-architecture"] .deferred-report-image {
  opacity: 0;
  transition: opacity 0.35s ease, transform 1s ease;
}

[data-m3-page="life-architecture"] .deferred-report-image.is-loaded {
  opacity: 1;
}

[data-m3-page="life-architecture"] .deferred-report-image:not([data-src]) {
  opacity: 1;
}

[data-m3-page="life-architecture"] .stack-card,
[data-m3-page="life-architecture"] .doc-floater {
  background-color: #F2EEE6;
}

[data-m3-page="life-architecture"] .doc-floater::before {
  position: absolute;
  inset: 8%;
  z-index: 0;
  border: 1px solid rgba(140, 107, 48, 0.09);
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 22px,
    rgba(140, 107, 48, 0.05) 23px,
    transparent 24px
  );
  content: "";
  pointer-events: none;
}


[data-m3-page="life-architecture"] .lb-image.is-loading {
  opacity: 0;
}

[data-m3-page="life-architecture"] .lb-image {
  backface-visibility: hidden;
  transition:
    transform 0.4s cubic-bezier(0.1, 0.5, 0.1, 1),
    opacity 0.16s ease;
  will-change: transform, opacity;
}

[data-m3-page="life-architecture"] .lb-image.is-switching-next {
  animation: report-page-enter-next 0.36s cubic-bezier(0.22, 0.78, 0.24, 1) both;
}

[data-m3-page="life-architecture"] .lb-image.is-switching-previous {
  animation: report-page-enter-previous 0.36s cubic-bezier(0.22, 0.78, 0.24, 1) both;
}

@keyframes report-page-enter-next {
  from {
    opacity: 0.18;
    transform: translate3d(14px, 0, 0) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes report-page-enter-previous {
  from {
    opacity: 0.18;
    transform: translate3d(-14px, 0, 0) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] .lb-image.is-switching-next,
  [data-m3-page="life-architecture"] .lb-image.is-switching-previous {
    animation: none;
  }
}


[data-m3-page="life-architecture"] .echo-controls .nav-arrow:disabled {
  cursor: default;
  opacity: 0.26;
  pointer-events: none;
}

[data-m3-page="life-architecture"] .section-process-v184:not(.is-process-active) .node-ripple {
  animation-play-state: paused;
}

[data-m3-page="life-architecture"] .v-faq-btn:focus-visible {
  outline-offset: -3px;
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-eyebrow,
[data-m3-page="life-architecture"] .page-section--outcome .v13-transition-copy {
  filter: blur(5px);
  transition-property: opacity, transform, filter;
}


/* Master Lee statistics: staggered fade only, without blur. */
[data-m3-page="life-architecture"] .section-master-175 .stat-item-175.reveal-target {
  filter: none;
  transform: translateY(16px);
  transition: opacity 0.76s var(--ease-reveal), transform 0.76s var(--ease-reveal);
  will-change: opacity, transform;
}

[data-m3-page="life-architecture"] .section-master-175 .stat-item-175.reveal-target.is-visible {
  filter: none;
  transform: translateY(0);
}

[data-m3-page="life-architecture"] .section-master-175 .stat-value {
  font-family: 'Playfair Display', serif;
  font-variant-numeric: lining-nums tabular-nums;
}

/* Narrative reveal motion: reserve optical blur for major openings. */
[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal {
  clip-path: none;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition: opacity 0.62s var(--s1-ease) 0.08s, transform 0.68s var(--s1-ease) 0.08s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal .eb-text {
  letter-spacing: 0.36em;
  transition: letter-spacing 0.82s var(--s1-ease) 0.08s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal .eb-diamond {
  opacity: 0;
  transform: scale(0.55) rotate(45deg);
  transition: opacity 0.5s ease 0.16s, transform 0.72s var(--s1-ease) 0.16s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled .eb-text {
  letter-spacing: 0.28em;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled .eb-diamond {
  opacity: 0.9;
  transform: scale(1) rotate(45deg);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal .h-line {
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0, 22px, 0) scale(0.992);
  transition: opacity 0.62s ease, transform 0.92s var(--s1-ease), filter 0.88s var(--s1-ease);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:nth-child(1) .h-line {
  transition-delay: 0.18s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:nth-child(2) .h-line {
  transition-delay: 0.3s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:nth-child(3) .h-line {
  transition-delay: 0.42s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal.is-unveiled .h-line {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal {
  filter: none;
  transform: translate3d(0, 14px, 0);
  transition: opacity 0.68s var(--s1-ease) 0.62s, transform 0.74s var(--s1-ease) 0.62s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled {
  filter: none;
  transform: translate3d(0, 0, 0);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .content-canvas > .artefact-card.ux-reveal {
  filter: none;
}

[data-m3-page="life-architecture"] .section-master-175 .reveal-target {
  filter: none;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.82s var(--ease-reveal), transform 0.82s var(--ease-reveal);
  transition-delay: var(--reveal-delay, 0ms);
}

[data-m3-page="life-architecture"] .section-master-175 .reveal-target.is-visible {
  filter: none;
  transform: translate3d(0, 0, 0);
}

[data-m3-page="life-architecture"] .section-master-175 .img-box-175.reveal-target {
  transition-duration: 0.68s;
}

[data-m3-page="life-architecture"] .section-process-v184 .v184-header {
  filter: none;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.76s var(--ease-majestic), transform 0.82s var(--ease-majestic);
}

[data-m3-page="life-architecture"] .section-process-v184.is-visible .v184-header {
  filter: none;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec .v13-h2 {
  filter: blur(9px);
  transform: translate3d(0, 18px, 0) scale(0.992);
  transition: opacity 0.76s var(--ease-elegant), transform 0.9s var(--ease-elegant), filter 0.86s var(--ease-elegant);
}

[data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec.is-visible .v13-h2 {
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}


.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal .h-line,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal,
.no-js [data-m3-page="life-architecture"] .section-master-175 .reveal-target,
.no-js [data-m3-page="life-architecture"] .section-process-v184 .v184-header,
.no-js [data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec .v13-h2 {
  opacity: 1;
  filter: none;
  transform: none;
}

.no-js [data-m3-page="life-architecture"] .page-section--outcome .v13-bridge-line {
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  opacity: 0.6;
}

[data-m3-page="life-architecture"] .hero-title > .ux-reveal:last-child {
  --hero-descender-space: clamp(16px, 1.6vw, 26px);
  margin-bottom: calc(-1 * var(--hero-descender-space));
  padding-bottom: var(--hero-descender-space);
}

@media (min-width: 601px) and (max-width: 900px) {
  [data-m3-page="life-architecture"] .section-echoes-v172 .echo-track {
    --echo-tablet-card: min(72vw, 620px);
    grid-auto-columns: var(--echo-tablet-card);
    padding-right: calc((100vw - var(--echo-tablet-card)) / 2);
    padding-left: calc((100vw - var(--echo-tablet-card)) / 2);
    scroll-padding-inline: calc((100vw - var(--echo-tablet-card)) / 2);
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 .story-card {
    width: var(--echo-tablet-card);
  }
}

[data-m3-page="life-architecture"] .status-msg,
[data-m3-page="life-architecture"] .status-aside,
[data-m3-page="life-architecture"] .man-delivery-text {
  overflow-wrap: normal;
}

@supports (content-visibility: auto) {
  [data-m3-page="life-architecture"] .page-section--report {
    content-visibility: auto;
    contain-intrinsic-size: auto 1500px;
  }

  [data-m3-page="life-architecture"] .page-section--master,
  [data-m3-page="life-architecture"] .page-section--stories,
  [data-m3-page="life-architecture"] .page-section--process {
    content-visibility: auto;
    contain-intrinsic-size: auto 950px;
  }

  [data-m3-page="life-architecture"] .page-section--faq {
    content-visibility: auto;
    contain-intrinsic-size: auto 1600px;
  }

  [data-m3-page="life-architecture"] .page-section--cta {
    content-visibility: auto;
    contain-intrinsic-size: auto 620px;
  }
}

[data-m3-page="life-architecture"] .page-section--master,
[data-m3-page="life-architecture"] .page-section--stories,
[data-m3-page="life-architecture"] .page-section--process {
  background: #030303;
}

[data-m3-page="life-architecture"] .page-section--stories,
[data-m3-page="life-architecture"] .page-section--process {
  margin-top: -1px;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  [data-m3-page="life-architecture"] .section-master-175 .stat-item-175 {
    padding-right: 12px;
    padding-left: 12px;
  }

  [data-m3-page="life-architecture"] .section-master-175 .stat-item-175:first-child {
    padding-left: 0;
  }

  [data-m3-page="life-architecture"] .section-master-175 .stat-item-175:last-child {
    padding-right: 0;
  }

  [data-m3-page="life-architecture"] .section-master-175 .stat-item-175 .stat-value {
    font-size: clamp(1.08rem, 1.65vw, 1.22rem);
    line-height: 1.06;
    white-space: nowrap;
  }
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .doc-card:hover .doc-floater,
  [data-m3-page="life-architecture"] .doc-card:hover .doc-img {
    transform: none;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .section-master-175 .stat-item-175 .stat-value {
    font-size: clamp(0.78rem, 3.5vw, 1rem);
    line-height: 1.05;
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 .echo-sub {
    width: min(100%, 310px);
    font-size: 0.84rem;
    line-height: 1.5;
  }
}

/* Sample Report information hierarchy */
[data-m3-page="life-architecture"] .page-section--report .v154-eyebrow {
  margin: 0 auto 14px;
  color: rgba(162, 122, 54, 0.82);
  font-family: 'Cinzel', serif;
  font-size: clamp(0.62rem, 0.68vw, 0.72rem);
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-transform: uppercase;
}

[data-m3-page="life-architecture"] .page-section--report .v154-eyebrow span {
  margin: 0 0.32em;
  color: rgba(162, 122, 54, 0.48);
}

[data-m3-page="life-architecture"] .page-section--report .v154-sub {
  max-width: 720px;
  white-space: normal;
  text-wrap: balance;
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--report .v154-eyebrow {
    margin-bottom: 12px;
    font-size: 0.62rem;
    letter-spacing: 0.17em;
  }

  [data-m3-page="life-architecture"] .page-section--report .v154-sub {
    max-width: 620px;
    white-space: normal;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--report .v154-eyebrow {
    width: calc(100% - 32px);
    margin-bottom: 10px;

    letter-spacing: 0.13em;
    font-size: 0.65rem;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .page-section--report .v154-sub {
    width: calc(100% - 40px);
    max-width: 390px;
    font-size: 0.95rem;
    line-height: 1.62;
  }
}

/* Touch devices: open the report stack downward so it never covers the heading. */
@media (max-width: 1024px) {
  [data-m3-page="life-architecture"] .page-section--report .stack-card {
    transform-origin: center 12%;
    transition:
      transform 0.72s cubic-bezier(0.22, 0.8, 0.2, 1),
      opacity 0.4s ease;
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-c,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-c,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-c {
    transform: translateY(8px) scale(1.02);
    box-shadow: 0 28px 60px rgba(198, 166, 100, 0.2);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-l1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-l1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-l1 {
    transform: translate3d(-68px, 32px, 0) rotate(-6deg) scale(0.94);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-r1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-r1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-r1 {
    transform: translate3d(68px, 32px, 0) rotate(6deg) scale(0.94);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-l2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-l2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-l2 {
    transform: translate3d(-132px, 70px, 0) rotate(-11deg) scale(0.88);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-r2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-r2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-r2 {
    transform: translate3d(132px, 70px, 0) rotate(11deg) scale(0.88);
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper {
    margin-bottom: 78px;
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-l1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-l1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-l1 {
    transform: translate3d(-50px, 28px, 0) rotate(-5.5deg) scale(0.95);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-r1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-r1,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-r1 {
    transform: translate3d(50px, 28px, 0) rotate(5.5deg) scale(0.95);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-l2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-l2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-l2 {
    transform: translate3d(-92px, 58px, 0) rotate(-10deg) scale(0.9);
  }

  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-auto-preview .stack-r2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.is-expanded .stack-r2,
  [data-m3-page="life-architecture"] .page-section--report .hero-stack-wrapper.can-hover:hover .stack-r2 {
    transform: translate3d(92px, 58px, 0) rotate(10deg) scale(0.9);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] {
    scroll-behavior: auto;
  }

  [data-m3-page="life-architecture"] *,
  [data-m3-page="life-architecture"] *::before,
  [data-m3-page="life-architecture"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [data-m3-page="life-architecture"] .hero-title .h-line,
  [data-m3-page="life-architecture"] .eyebrow-pill,
  [data-m3-page="life-architecture"] .deferred-report-image {
    clip-path: none;
    opacity: 1;
    transform: none;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal .h-line,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal,
  [data-m3-page="life-architecture"] .section-master-175 .reveal-target,
  [data-m3-page="life-architecture"] .section-process-v184 .v184-header,
  [data-m3-page="life-architecture"] .page-section--outcome .v13-header-sec .v13-h2 {
    opacity: 1;
    filter: none;
    transform: none;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill .eb-text {
    letter-spacing: 0.28em;
  }
}

/* Core / Pro scroll hierarchy: restrained Core, elevated Pro. */
[data-m3-page="life-architecture"] .page-section--tiers .scroll-container {
  transition: transform 0.42s cubic-bezier(0.22, 0.8, 0.2, 1);
}

[data-m3-page="life-architecture"] .page-section--tiers .zen-paper-mask,
[data-m3-page="life-architecture"] .page-section--tiers .zen-paper-bg,
[data-m3-page="life-architecture"] .page-section--tiers .zen-inner,
[data-m3-page="life-architecture"] .page-section--tiers .zen-rod-top,
[data-m3-page="life-architecture"] .page-section--tiers .zen-rod-bottom,
[data-m3-page="life-architecture"] .page-section--tiers .card-h,
[data-m3-page="life-architecture"] .page-section--tiers .p-curr {
  transition:
    background-color 0.42s cubic-bezier(0.22, 0.8, 0.2, 1),
    border-color 0.42s cubic-bezier(0.22, 0.8, 0.2, 1),
    box-shadow 0.42s cubic-bezier(0.22, 0.8, 0.2, 1),
    color 0.42s cubic-bezier(0.22, 0.8, 0.2, 1),
    transform 0.42s cubic-bezier(0.22, 0.8, 0.2, 1);
}

[data-m3-page="life-architecture"] .page-section--tiers .s-core .zen-paper-mask {
  box-shadow:
    0 15px 34px rgba(24, 24, 24, 0.065),
    0 1px 0 rgba(255, 255, 255, 0.72);
}

[data-m3-page="life-architecture"] .page-section--tiers .s-pro .zen-paper-mask {
  box-shadow:
    0 24px 50px rgba(52, 38, 16, 0.13),
    0 9px 20px rgba(198, 166, 100, 0.075),
    0 0 0 1px rgba(140, 107, 48, 0.07);
}

[data-m3-page="life-architecture"] .page-section--tiers .s-pro .zen-inner {
  border-color: rgba(140, 107, 48, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}

[data-m3-page="life-architecture"] .page-section--tiers .s-pro .zen-rod-top {
  box-shadow:
    0 5px 13px rgba(53, 38, 15, 0.16),
    inset 0 1px 0 rgba(255, 246, 211, 0.3);
}

[data-m3-page="life-architecture"] .page-section--tiers .s-pro .zen-rod-bottom {
  box-shadow:
    0 11px 24px rgba(52, 37, 14, 0.16),
    0 4px 10px rgba(198, 166, 100, 0.11),
    inset 0 1px 0 rgba(255, 246, 211, 0.25);
}

@media (hover: hover) and (pointer: fine) and (min-width: 901px) {
  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover {
    transform: translateY(-6px);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-paper-mask {
    box-shadow:
      0 27px 58px rgba(24, 24, 24, 0.12),
      0 0 0 1px rgba(24, 24, 24, 0.055);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-paper-bg {
    background-color: #f3f3f1;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-inner {
    background-color: #fffdfa;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-rod-top,
  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-rod-bottom {
    background-color: #363636;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-rod-top {
    box-shadow: 0 6px 16px rgba(18, 18, 18, 0.2);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-core:hover .zen-rod-bottom {
    transform: translateY(3px);
    box-shadow: 0 9px 22px rgba(18, 18, 18, 0.16);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover {
    transform: translateY(-10px);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-paper-mask {
    box-shadow:
      0 36px 76px rgba(53, 38, 15, 0.18),
      0 15px 31px rgba(198, 166, 100, 0.105),
      0 0 0 1px rgba(140, 107, 48, 0.14);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-paper-bg {
    background-color: #fbf7e8;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-inner {
    border-color: rgba(140, 107, 48, 0.22);
    background-color: #fffdf7;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.58),
      inset 0 18px 34px rgba(198, 166, 100, 0.035);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-rod-top,
  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-rod-bottom {
    background-color: #b8944f;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-rod-top {
    box-shadow:
      0 7px 18px rgba(58, 41, 15, 0.22),
      inset 0 1px 0 rgba(255, 246, 211, 0.48);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .zen-rod-bottom {
    transform: translateY(4px);
    box-shadow:
      0 15px 31px rgba(53, 37, 13, 0.21),
      0 6px 14px rgba(198, 166, 100, 0.14),
      inset 0 1px 0 rgba(255, 246, 211, 0.42);
  }

  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .card-h,
  [data-m3-page="life-architecture"] .page-section--tiers .s-pro:hover .p-curr {
    color: #7f6029;
  }
}

/* Mobile CTA: simplify the hierarchy and keep the decorative script from
   competing with the decision headline. */
@media (max-width: 620px) {
  [data-m3-page="life-architecture"] .page-section--cta .man-divider {
    margin-bottom: 26px;
  }

  [data-m3-page="life-architecture"] .page-section--cta .man-title-wrapper {
    padding: 4px 8px 8px;
  }

  [data-m3-page="life-architecture"] .page-section--cta .man-bg-texture {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--cta .man-hook-main {
    width: 100%;
    max-width: 330px;
    font-size: clamp(2rem, 9vw, 2.35rem);
    line-height: 1.13;
    text-wrap: balance;
  }

  [data-m3-page="life-architecture"] .page-section--cta .man-hook-main span {
    margin-top: 17px;
    color: #9A7638;
    font-family: 'Cinzel', serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

/* 20260731n: explicit tablet pricing scale for the formal Core / Pro comparison. */
@media (min-width: 621px) and (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--tiers .p-curr {
    font-size: 2.1875rem;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .p-old {
    font-size: 1.375rem;
  }
}

/* Unified mobile type scale: keep one clear hierarchy across sections without
   shrinking body copy or changing tablet and desktop typography. */
@media (max-width: 620px) {
  [data-m3-page="life-architecture"] {
    --mobile-section-title: clamp(2.15rem, 9vw, 2.35rem);
    --mobile-product-title: 1.625rem;
    --mobile-hero-price-current: 1.75rem;
    --mobile-tier-price-current: 1.75rem;
    --mobile-hero-price-previous: 1rem;
    --mobile-tier-price-previous: 1.0625rem;
  }

  [data-m3-page="life-architecture"] .page-section--outcome .v13-h2,
  [data-m3-page="life-architecture"] .page-section--tiers .v133-headline,
  [data-m3-page="life-architecture"] .page-section--report .v154-title,
  [data-m3-page="life-architecture"] .page-section--master .title-175,
  [data-m3-page="life-architecture"] .page-section--stories .echo-title,
  [data-m3-page="life-architecture"] .page-section--process .v184-headline,
  [data-m3-page="life-architecture"] .page-section--faq .v-faq-title {
    font-size: var(--mobile-section-title);
    line-height: 1.12;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .card-h {
    font-size: var(--mobile-product-title);
    line-height: 1.15;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .card-sub {
    font-size: 1rem;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .page-section--hero .p-label {
    font-size: 0.72rem;
    line-height: 1.45;
  }

  [data-m3-page="life-architecture"] .page-section--hero .p-desc {
    font-size: 1.35rem;
    line-height: 1.28;
  }

  [data-m3-page="life-architecture"] .page-section--hero .p-price {
    gap: 10px;
    margin: 13px 0 23px;
    padding-top: 17px;
  }

  [data-m3-page="life-architecture"] .page-section--hero .p-action .btn-pill {
    font-size: 0.8rem;
  }

  [data-m3-page="life-architecture"] .page-section--hero .price-now {
    font-size: var(--mobile-hero-price-current);
    line-height: 1;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .p-curr {
    font-size: var(--mobile-tier-price-current);
    line-height: 1;
  }

  [data-m3-page="life-architecture"] .page-section--hero .price-old {
    font-size: var(--mobile-hero-price-previous);
    line-height: 1.35;
  }

  [data-m3-page="life-architecture"] .page-section--tiers .p-old {
    font-size: var(--mobile-tier-price-previous);
    line-height: 1.35;
  }


  [data-m3-page="life-architecture"] .page-section--stories .echo-sub {
    font-size: 0.88rem;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .page-section--process .token-card .card-content {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 10px;
    padding: 18px 16px;
    align-items: baseline;
  }

  [data-m3-page="life-architecture"] .page-section--process .num-group {
    grid-column: 1;
    grid-row: 1;
    width: auto;
    gap: 0;
    padding: 0;
    border-bottom: 0;
    align-self: baseline;
  }

  [data-m3-page="life-architecture"] .page-section--process .num-roman {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-synthesis: none;
  }

  [data-m3-page="life-architecture"] .page-section--process .num-desktop {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--process .num-mobile {
    display: inline;
  }

  [data-m3-page="life-architecture"] .page-section--process .num-line,
  [data-m3-page="life-architecture"] .page-section--process .num-cn {
    display: none;
  }

  [data-m3-page="life-architecture"] .page-section--process .text-group {
    display: contents;
  }

  [data-m3-page="life-architecture"] .page-section--process .step-title {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    align-self: baseline;
  }

  [data-m3-page="life-architecture"] .page-section--process .step-desc {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-top: 12px;
    border-top: 1px solid rgba(198, 166, 100, 0.24);
    font-size: 0.9375rem;
    line-height: 1.62;
  }

  [data-m3-page="life-architecture"] .page-section--faq .v-faq-btn {
    padding: 25px 16px;
  }

  [data-m3-page="life-architecture"] .page-section--faq .v-faq-num {
    margin-top: 5px;
    margin-right: 8px;
    color: rgba(140, 107, 48, 0.72);
    font-size: 0.72rem;
    line-height: 1.4;
  }

  [data-m3-page="life-architecture"] .page-section--faq .v-faq-text {
    padding-right: 12px;
    font-size: 1.1875rem;
    line-height: 1.42;
  }
}

/* ===== Section 1 hero hierarchy: 20260728e ===== */
[data-m3-page="life-architecture"] #life-architecture-and-design .split-hero {
  min-height: 85vh;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
  flex: 1.12;
  padding: clamp(80px, 7vw, 112px) clamp(46px, 4vw, 64px)
    clamp(80px, 7vw, 112px) clamp(64px, 6vw, 96px);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
  flex: 0.88;
  overflow: hidden;
  opacity: 0;
  clip-path: inset(0 0 0 7%);
  animation: s1HeroMediaReveal 1.15s var(--s1-ease) forwards;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
  transform-origin: 50% 58%;
  will-change: transform;
  animation:
    s1HeroImageSettle 1.4s var(--s1-ease) both,
    s1HeroImageDriftDesktop 16s ease-in-out 1.4s infinite alternate;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
  max-width: 100%;
  margin-bottom: 18px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill .eb-text {
  line-height: 1.4;
  letter-spacing: 0.22em;
  text-align: center;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal .eb-text {
  letter-spacing: 0.28em;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled .eb-text {
  letter-spacing: 0.22em;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title {
  width: 100%;
  margin: 0;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
  font-size: clamp(4rem, 4.6vw, 4.35rem);
  line-height: 1.02;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture {
  white-space: nowrap;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
  margin-top: 10px;
  font-size: clamp(3.45rem, 3.95vw, 3.65rem);
  white-space: nowrap;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
  margin-top: 38px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
  margin-bottom: 14px;
  line-height: 1.34;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
  margin-top: 6px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group .paragraph-body {
  line-height: 1.6;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
  margin-top: 12px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
  margin-top: 22px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:nth-child(1) .h-line {
  transition-delay: 0.18s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:nth-child(2) .h-line {
  transition-delay: 0.34s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal {
  transition-delay: 0.56s;
}

@keyframes s1HeroMediaReveal {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 7%);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
  }
}

@keyframes s1HeroMediaRevealDown {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
  }
}

@keyframes s1HeroImageSettle {
  from { transform: scale(1.04); }
  to { transform: scale(1); }
}

@keyframes s1HeroImageDriftDesktop {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(7px, -5px, 0) scale(1.015); }
}

@keyframes s1HeroImageDriftTablet {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(4px, -3px, 0) scale(1.01); }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding: clamp(72px, 7vw, 90px) 5vw clamp(72px, 7vw, 90px) 6vw;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(3.25rem, 4.5vw, 3.6rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: block;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.75rem, 4vw, 3.2rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    animation:
      s1HeroImageSettle 1.4s var(--s1-ease) both,
      s1HeroImageDriftTablet 17s ease-in-out 1.4s infinite alternate;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    clip-path: inset(0 0 100% 0);
    animation-name: s1HeroMediaRevealDown;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding: 68px 5vw 72px 6vw;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: 3.25rem;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: block;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.45rem, 4vw, 2.75rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: 34px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    animation:
      s1HeroImageSettle 1.4s var(--s1-ease) both,
      s1HeroImageDriftTablet 17s ease-in-out 1.4s infinite alternate;
  }
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .split-hero {
    min-height: auto;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding: 48px 6vw 8vh;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    flex: none;
    clip-path: inset(0 0 100% 0);
    animation-name: s1HeroMediaRevealDown;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    will-change: auto;
    animation: s1HeroImageSettle 1.35s var(--s1-ease) both;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    margin-bottom: 16px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(3.1rem, 6vw, 3.4rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: block;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    margin-top: 9px;
    font-size: clamp(2.8rem, 5.3vw, 3.1rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: 30px;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding: 44px 6vw 8vh;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    gap: 9px;
    margin-bottom: 17px;
    padding: 10px 16px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill .eb-text,
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal .eb-text,
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled .eb-text {
    font-size: 0.8rem;
    letter-spacing: 0.12em;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(2.42rem, 10.8vw, 2.85rem);
    line-height: 1.02;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    margin-top: 8px;
    font-size: clamp(2.05rem, 9.2vw, 2.55rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: 29px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 14px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 12px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 20px;
  }
}

@media (max-width: 360px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    width: 100%;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    white-space: normal;
  }
}

/* 20260728f: balance the desktop split and use the available tablet width. */
@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .split-hero {
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left,
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    min-width: 0;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    width: auto;
    padding: clamp(72px, 7vw, 112px) clamp(44px, 4vw, 64px)
      clamp(72px, 7vw, 112px) clamp(58px, 5.5vw, 88px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    width: auto;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: inline;
  }
}

@media (min-width: 1280px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(3.3rem, 3.9vw, 4rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(3.3rem, 3.9vw, 4rem);
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(2.82rem, 4.15vw, 3.3rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.82rem, 4.15vw, 3.3rem);
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .split-hero {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    flex: none;
    width: 100%;
    min-height: auto;
    padding: 48px 6vw clamp(64px, 8vh, 84px);
    align-items: flex-start;
    text-align: left;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    order: -1;
    flex: none;
    display: block;
    position: relative;
    width: 100%;
    height: clamp(360px, 42vh, 470px);
    min-height: clamp(360px, 42vh, 470px);
    border-bottom: 1px solid rgba(140, 107, 48, 0.32);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(3.35rem, 6.5vw, 3.6rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: inline;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    margin-top: 10px;
    font-size: clamp(3.35rem, 6.5vw, 3.6rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: 30px;
  }
}

@media (min-width: 621px) and (max-width: 767px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
    font-size: clamp(3.2rem, 7vw, 3.45rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    display: block;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(3.2rem, 7vw, 3.45rem);
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.42rem, 10.8vw, 2.85rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 10px;
    color: rgba(43, 41, 37, 0.56);
    font-size: 0.69rem;
    line-height: 1.5;
  }
}

@media (max-width: 499px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding-right: 4vw;
    padding-left: 4vw;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.15rem, 9.6vw, 2.5rem);
  }
}

/* 20260728g: unify the Hero rhythm and restore depth to tablet artwork. */
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title {
  --hero-title-row-gap: clamp(4px, 0.45vw, 6px);
  display: grid;
  row-gap: var(--hero-title-row-gap);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title > .ux-reveal:last-child {
  overflow: visible;
  margin: 0;
  padding: 0;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.22em;
  row-gap: var(--hero-title-row-gap);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
  margin-top: 0;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
  margin-top: 14px;
}

@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    font-size: 1.55rem;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    font-size: 1.72rem;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    flex: 0 0 auto;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    height: clamp(440px, 50vw, 540px);
    min-height: clamp(440px, 50vw, 540px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    object-position: 50% 70%;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    font-size: clamp(1.6rem, 2.4vw, 1.7rem);
    line-height: 1.3;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    font-size: clamp(1.72rem, 2.6vw, 1.86rem);
  }
}

@media (max-width: 767px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line--architecture .h-title-segment {
    flex: 0 0 100%;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    font-size: clamp(1.18rem, 5vw, 1.28rem);
    line-height: 1.32;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    font-size: clamp(1.28rem, 5.4vw, 1.4rem);
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 12px;
  }
}

/* 20260728h: responsive spacing between Hook, body, actions, and note. */
@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 16px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 24px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 14px;
  }
}

@media (min-width: 621px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 18px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 26px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 16px;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 20px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 28px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note {
    margin-top: 16px;
  }
}

/* 20260728i: editorial Hero hierarchy with a detached precision rail. */
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line {
  font-weight: 300;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
  font-weight: 400;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-detail-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-intro,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
  width: 100%;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-intro {
  color: rgba(43, 41, 37, 0.82);
  font-weight: 400;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
  margin-top: 12px;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .quote-lead,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-intro,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-main,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-cta-row {
  opacity: 0;
  transform: translate3d(0, 9px, 0);
  transition: opacity 0.58s var(--s1-ease), transform 0.66s var(--s1-ease);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .quote-lead,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-intro,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-main,
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-cta-row {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .quote-lead {
  transition-delay: 0.52s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-intro {
  transition-delay: 0.62s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-main {
  transition-delay: 0.72s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-cta-row {
  transition-delay: 0.82s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
  transform: translate3d(0, 7px, 0);
  transition-delay: 0.92s;
}

@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    justify-content: flex-start;
    padding-top: clamp(64px, 6vw, 92px);
    padding-right: clamp(34px, 3vw, 48px);
    padding-bottom: 28px;
    padding-left: clamp(54px, 5vw, 80px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    margin-bottom: 20px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.9rem, 3.75vw, 3.65rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    display: block;
    width: 100%;
    margin-top: clamp(40px, 4vw, 48px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    width: 100%;
    margin: 0 0 clamp(28px, 2.5vw, 34px);
    font-size: clamp(1.24rem, 1.55vw, 1.42rem);
    line-height: 1.42;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead span {
    display: inline;
    white-space: normal;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    display: inline;
    margin-top: 0;
    margin-left: 0.32em;
    font-size: clamp(1.32rem, 1.68vw, 1.52rem);
    line-height: 1.38;
    white-space: normal;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-detail-column {
    width: 100%;
    max-width: 36rem;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group .paragraph-body {
    max-width: 36rem;
    font-size: clamp(1.01rem, 1.12vw, 1.08rem);
    line-height: 1.68;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: clamp(30px, 2.6vw, 36px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    width: 100%;
    max-width: 100%;
    margin-top: auto;
    padding-top: clamp(34px, 4vh, 48px);
    color: rgba(43, 41, 37, 0.68);
    font-size: 0.76rem;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding-top: clamp(58px, 5.4vw, 70px);
    padding-right: clamp(30px, 2.8vw, 38px);
    padding-left: clamp(48px, 4.8vw, 62px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(2.72rem, 4vw, 3.18rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: clamp(34px, 3.4vw, 40px);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 28px;
    font-size: clamp(1.16rem, 1.65vw, 1.3rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    font-size: clamp(1.24rem, 1.76vw, 1.38rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group .paragraph-body {
    font-size: clamp(0.96rem, 1.28vw, 1.03rem);
    line-height: 1.64;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
    margin-top: 10px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 28px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    padding-top: 28px;
    font-size: 0.73rem;
  }
}

@media (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding-bottom: 24px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    display: block;
    width: 100%;
    margin-top: 34px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 28px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
    margin-top: 12px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 32px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    width: 100%;
    max-width: none;
    margin-top: 30px;
    padding-top: 0;
    color: rgba(43, 41, 37, 0.68);
    font-size: 0.74rem;
  }
}

@media (max-width: 620px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding-bottom: 28px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    margin-bottom: 18px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group {
    margin-top: 30px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    margin-bottom: 24px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
    margin-top: 10px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-cta-row {
    margin-top: 28px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    margin-top: 26px;
    font-size: clamp(0.71rem, 3vw, 0.74rem);
    line-height: 1.52;
  }
}

@media (max-width: 360px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill {
    gap: 7px;
    padding-right: 12px;
    padding-left: 12px;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill .eb-text,
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal .eb-text,
  [data-m3-page="life-architecture"] #life-architecture-and-design .eyebrow-pill.ux-reveal.is-unveiled .eb-text {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    font-size: clamp(1.9rem, 9.5vw, 2.05rem);
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-title .h-line-gold {
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .quote-lead,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-intro,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-main,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-cta-row,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .quote-lead,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-intro,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-body-main,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal .hero-cta-row,
.no-js [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right,
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    opacity: 1;
    clip-path: none;
    transform: none;
    animation: none !important;
    will-change: auto;
  }
}

/* 20260728j: refine the Hero reading flow and preserve the cycle title phrases. */
[data-m3-page="life-architecture"] .outcome-pillar-title-label,
[data-m3-page="life-architecture"] .outcome-pillar-title-lock {
  display: inline-block;
  white-space: nowrap;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-body-main {
  margin-top: 0;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-main {
  transition-delay: 0.62s;
}

[data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-cta-row {
  transition-delay: 0.74s;
}

@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .split-hero {
    grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead {
    white-space: nowrap;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead span,
  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    display: inline;
    white-space: inherit;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .quote-lead strong {
    margin-top: 0;
    margin-left: 0.32em;
  }
}

/* 20260728k: center the desktop narrative while keeping the note on the baseline. */
[data-m3-page="life-architecture"] #life-architecture-and-design .hero-main-content {
  width: 100%;
  min-width: 0;
}

@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-main-content {
    margin-top: auto;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note,
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    margin-top: auto;
  }
}

/* 20260728m: celestial Hero artwork with breakpoint-specific focal framing. */
@media (min-width: 1100px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    object-position: 50% 50%;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    object-position: 50% 55%;
  }
}

@media (max-width: 767px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right img {
    object-position: 50% 60%;
  }
}

/* 20260807a: warm paper depth for Sample Report previews. */
[data-m3-page="life-architecture"] .page-section--report .doc-floater {
  border: 1px solid rgba(72, 62, 49, 0.15);
  border-radius: 2px;
  box-shadow:
    0 26px 62px rgba(40, 33, 24, 0.16),
    0 5px 15px rgba(40, 33, 24, 0.10);
  transition:
    transform 0.6s ease,
    box-shadow 0.6s ease,
    border-color 0.6s ease;
}

[data-m3-page="life-architecture"] .page-section--report .doc-card:hover .doc-floater {
  transform: translateY(-8px);
  border-color: rgba(72, 62, 49, 0.15);
  box-shadow:
    0 32px 72px rgba(40, 33, 24, 0.20),
    0 7px 18px rgba(40, 33, 24, 0.12);
}

[data-m3-page="life-architecture"] .page-section--report .doc-card:hover .doc-img {
  transform: none;
}

/* The fan stack should read as a clean stack of pages without an outer edge. */
[data-m3-page="life-architecture"] .page-section--report .stack-card {
  border: 0;
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .page-section--report .doc-card:hover .doc-floater {
    transform: none;
    border-color: rgba(72, 62, 49, 0.15);
    box-shadow:
      0 26px 62px rgba(40, 33, 24, 0.16),
      0 5px 15px rgba(40, 33, 24, 0.10);
  }

  [data-m3-page="life-architecture"] .page-section--report .doc-card:hover .doc-img {
    transform: none;
  }
}

[data-m3-page="life-architecture"] { min-width: 0; }
[data-m3-page="life-architecture"].report-lightbox-open,
[data-m3-page="life-architecture"].modal-open { z-index: 200; }

@media (max-width: 1024px) {
  [data-m3-page="life-architecture"] .outcome-pillar-grid .reveal-item {
    filter: none;
    transition: opacity 0.56s var(--ease-smooth) var(--reveal-delay);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-content {
    transform: none;
    transition: opacity 0.56s var(--ease-smooth) var(--reveal-delay);
  }

  [data-m3-page="life-architecture"] .outcome-pillar-grid .outcome-pillar-card.reveal-visible:hover {
    transform: none;
  }
}

@media (max-width: 900px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .quote-lead {
    transition-delay: 0.26s;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-body-main {
    transition-delay: 0.34s;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-copy-group.ux-reveal.is-unveiled .hero-cta-row {
    transition-delay: 0.42s;
  }

  [data-m3-page="life-architecture"] #life-architecture-and-design .hero-precision-note.ux-reveal {
    transition-delay: 0.48s;
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 .s-text-wrap {
    height: auto;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  [data-m3-page="life-architecture"] .section-echoes-v172 .s-text-wrap > .s-text + .s-text {
    display: none;
  }
}

/* V6 mobile and tablet reading order: explain and offer the service before the artwork. */
@media (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-right {
    order: 0;
    height: clamp(300px, 42vh, 340px);
    min-height: clamp(300px, 42vh, 340px);
    border-bottom: 0;
  }
}

@media (min-width: 621px) and (max-width: 1099px) {
  [data-m3-page="life-architecture"] #life-architecture-and-design .sh-left {
    padding-bottom: clamp(36px, 5vh, 48px);
  }
}

/* Keep the shared Qi Men proof strip concise on narrow screens. */
@media (max-width: 900px) {
  [data-m3-page="life-architecture"] .content-canvas > .artefact-card {
    padding: 30px 22px 24px;
    margin-bottom: 40px;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .cn-mounting-frame {
    inset: 12px;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .af-headline {
    margin-bottom: 16px;
    font-size: 1.42rem;
    line-height: 1.24;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .af-headline .zh-gold {
    margin-top: 6px;
    font-size: 1.05em;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .af-headline span.sub-line {
    margin-top: 10px;
    font-size: 0.72rem;
    line-height: 1.38;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .af-desc {
    margin-bottom: 18px;
    font-size: 0.92rem;
    line-height: 1.5;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .af-signature-box {
    flex-direction: row;
    gap: 12px;
    padding-top: 16px;
    text-align: left;
  }

  [data-m3-page="life-architecture"] .content-canvas > .artefact-card .seal-caption-xl {
    font-size: 0.83rem;
    line-height: 1.36;
    text-align: left;
    white-space: normal;
  }
}

/* The credential line is a typographic statement, not a sidebar callout. */
[data-m3-page="life-architecture"] .section-master-175 .sub-175 {
  border-left: 0;
  padding-left: 0;
  max-width: 100%;
}