:root{
    --bg:#070b15;
    --ink:#efe7da;
    --muted:rgba(239,231,218,.72);
    --gold:#d4b06d;
    --gold2:#f1d79a;
  }
  *{box-sizing:border-box}
  html,body{margin:0;height:100%;overflow:hidden;background:#060a14;color:var(--ink);font-family:Arial,sans-serif}
  body{position:relative}
  a{text-decoration:none;color:inherit}
  .app{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 50%, rgba(23,34,58,.22), rgba(5,9,17,.98) 72%)}
  canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .brand{position:fixed;left:26px;top:22px;z-index:20;font-size:12px;letter-spacing:.08em;color:rgba(239,231,218,.86)}
  .brand small{display:block;margin-top:5px;font:8px/1.35 Arial,sans-serif;letter-spacing:.08em;color:currentColor;opacity:.62;white-space:nowrap}
  
  .home-lang-switch{position:fixed;right:24px;top:22px;z-index:95;height:14px;display:flex;align-items:center;font-size:11px;line-height:1;letter-spacing:.14em;color:rgba(239,231,218,.75);text-decoration:none;transition:opacity .2s ease}
  .home-lang-switch:hover{opacity:.58}
  body.site-arrived .home-lang-switch{color:#2f2c27}
  body.site-arrived.site-dark .home-lang-switch{color:rgba(247,242,233,.9)}
  body.menu-open .home-lang-switch{color:#514d46}
  @media(max-width:900px){.home-lang-switch{right:18px;top:16px;font-size:10px;height:13px}.menu-close{right:64px;top:16px;height:13px}}
  @media(max-width:720px){.home-lang-switch{right:16px;top:12px;font-size:9px;height:12px}}
.menu{position:fixed;right:78px;top:22px;z-index:20;height:14px;display:flex;align-items:center;font-size:12px;line-height:1;letter-spacing:.16em;color:rgba(239,231,218,.75)}
  .cover{position:absolute;inset:0;z-index:16;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(6,9,17,.7), rgba(6,9,17,.82));transition:opacity 1.2s ease,visibility 1.2s ease}
  .cover.hidden{opacity:0;visibility:hidden;pointer-events:none}
  .cover-card{width:min(88vw,760px);padding:28px 24px 20px;text-align:center}
  .cover-kicker{font-size:11px;letter-spacing:.28em;color:rgba(239,231,218,.48);margin-bottom:24px}
  .cover-title{margin:0;font-family:"Noto Serif SC","Songti SC","STSong",serif;font-weight:500;font-size:clamp(46px,9vw,110px);letter-spacing:.08em;line-height:1.08}
  .cover-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px auto 18px;color:rgba(239,231,218,.42)}
  .cover-rule span{display:block;width:72px;height:1px;background:currentColor}
  .cover-rule i{font-style:normal;font-size:12px;letter-spacing:.18em;color:rgba(239,231,218,.6)}
  .cover-text{width:min(92%,580px);margin:0 auto;color:rgba(239,231,218,.7);font-size:13px;line-height:1.95;font-family:"Noto Serif SC","Songti SC","STSong",serif}
  .cover-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
  .btn{appearance:none;border:1px solid rgba(239,231,218,.2);background:rgba(255,255,255,.04);color:var(--ink);padding:13px 18px;border-radius:999px;font-size:11px;letter-spacing:.18em;cursor:pointer;transition:all .35s ease;backdrop-filter:blur(6px)}
  .btn:hover{background:rgba(212,176,109,.12);border-color:rgba(212,176,109,.4);transform:translateY(-1px)}
  .btn.primary{background:linear-gradient(180deg, rgba(212,176,109,.24), rgba(212,176,109,.12));border-color:rgba(212,176,109,.45)}
  .status{display:none}
  .status .dot{width:7px;height:7px;border-radius:50%;background:rgba(212,176,109,.9);box-shadow:0 0 14px rgba(212,176,109,.55)}
  .status .line{width:72px;height:1px;background:rgba(239,231,218,.22)}
  .controls{position:fixed;right:28px;bottom:24px;z-index:18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
  .controls button{appearance:none;border:none;background:none;color:rgba(239,231,218,.76);font-size:11px;letter-spacing:.16em;cursor:pointer;padding:0}
  .controls .pill{padding:11px 14px;border-radius:999px;border:1px solid rgba(239,231,218,.18);background:rgba(255,255,255,.03)}
  .controls .pill:hover{border-color:rgba(212,176,109,.4);color:var(--ink)}
  .center-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.988);z-index:8;text-align:center;opacity:0;transition:opacity 1s ease, transform 1s ease;pointer-events:none;mix-blend-mode:screen}
  .center-title.visible{opacity:.40;transform:translate(-50%,-50%) scale(1)}
  .center-title h2::after{content:'';display:inline-block;width:1px;height:.9em;margin-left:5px;vertical-align:-.08em;background:rgba(239,231,218,.16);opacity:0}
  .center-title.visible h2::after{opacity:.38;animation:caretBlink .8s steps(1,end) infinite}
  @keyframes caretBlink{0%,48%{opacity:.85}49%,100%{opacity:.08}}
  .center-title h2{margin:0;font-family:"STKaiti","Kaiti SC","KaiTi","DFKai-SB","Songti SC","STSong",serif;font-weight:400;font-size:clamp(10px,1.35vw,17px);letter-spacing:.04em;color:rgba(239,231,218,.62);text-shadow:0 0 8px rgba(239,231,218,.08);font-style:normal}
  .phase-label{display:none}
  .phase-label.visible{display:none}
  .note{display:none}
  .home-preview{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:linear-gradient(180deg, rgba(245,239,229,.02), rgba(245,239,229,.12));opacity:0;visibility:hidden;transition:opacity .9s ease, visibility .9s ease}
  .home-preview.visible{opacity:1;visibility:visible}
  .home-card{width:min(86vw,1180px);height:min(76vh,560px);border-radius:18px;overflow:hidden;position:relative;background:#e9dfcf;box-shadow:0 20px 80px rgba(0,0,0,.28);opacity:1;transform:none;transition:none;filter:none}
  .home-preview.visible .home-card{opacity:1;transform:none;filter:none}
  .home-card:before{content:"";position:absolute;inset:0;opacity:1;transition:none;background:radial-gradient(circle at 74% 26%, rgba(243,216,154,.62), rgba(243,216,154,0) 23%),radial-gradient(circle at 78% 58%, rgba(174,121,67,.22), rgba(174,121,67,0) 32%),radial-gradient(circle at 22% 45%, rgba(255,255,255,.50), rgba(255,255,255,0) 34%),linear-gradient(90deg, rgba(250,248,244,.86), rgba(250,248,244,.45) 38%, rgba(250,248,244,.08) 64%, rgba(250,248,244,.01) 100%),radial-gradient(circle at 58% 22%, rgba(93,65,37,.24), transparent 28%),linear-gradient(120deg,#e8ddcc 0%, #f5f1ea 24%, #e5c98c 56%, #d6ac5d 78%, #5d4833 100%)}
  .home-preview.visible .home-card:before{opacity:1}
  .home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(84,68,53,.2), transparent 16%, transparent 80%, rgba(70,48,35,.2));mix-blend-mode:multiply;pointer-events:none}
  .home-copy{position:absolute;left:7.5%;top:14%;z-index:2;width:min(34%,410px);color:#262626}
  .home-copy .eyebrow{font-size:10px;letter-spacing:.17em;color:#666;margin-bottom:14px}
  .home-copy h3{margin:0 0 12px;font:500 clamp(20px,2.9vw,34px)/1.56 "Noto Serif SC","Songti SC","STSong",serif}
  .home-copy .rule{width:34px;height:1px;background:rgba(38,38,38,.45);margin:0 0 12px}
  .home-copy p{margin:0 0 8px;font:12px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#585858}
  .home-copy a{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:.1em;color:#444}
  .home-side{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);z-index:2;color:#5a5148;font-size:10px;letter-spacing:.12em;display:flex;flex-direction:column;gap:4px;text-align:right}
  .home-side i{display:block;width:42px;height:1px;background:currentColor;opacity:.4;margin-left:auto;margin-top:4px}
  .person-hint{position:absolute;right:11%;bottom:0;z-index:1;width:min(46%,520px);height:88%;background:radial-gradient(circle at 34% 16%, rgba(255,247,224,.65), rgba(255,247,224,0) 16%),radial-gradient(circle at 56% 20%, rgba(88,63,51,.24), rgba(88,63,51,0) 32%),radial-gradient(circle at 50% 52%, rgba(207,174,120,.54), rgba(207,174,120,0) 46%),radial-gradient(circle at 38% 58%, rgba(255,255,255,.34), rgba(255,255,255,0) 36%),linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));filter:blur(1px);clip-path:polygon(40% 4%, 53% 2%, 61% 6%, 66% 16%, 73% 28%, 78% 42%, 83% 57%, 86% 73%, 84% 92%, 77% 100%, 53% 100%, 44% 88%, 36% 74%, 30% 56%, 27% 37%, 31% 18%);opacity:.92}
  .veil-hint{position:absolute;right:0;top:-6%;width:63%;height:116%;z-index:1;pointer-events:none;background:linear-gradient(106deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.22) 18%, rgba(243,216,154,.38) 37%, rgba(229,190,107,.72) 56%, rgba(173,130,74,.36) 72%, rgba(90,64,42,.14) 100%);clip-path:polygon(30% 0, 100% 0, 100% 100%, 47% 100%, 32% 84%, 24% 70%, 18% 50%, 17% 32%, 21% 13%);opacity:.9;mix-blend-mode:screen;filter:blur(10px)}
  @media (max-width:900px){.brand{left:18px;top:16px;font-size:11px}.menu{right:64px;top:16px;font-size:11px}.cover-card{padding-top:52px}.cover-text{font-size:12px;line-height:1.9}.controls{right:18px;bottom:18px}.status{left:18px;bottom:18px}.home-card{height:min(78vh,640px)}.home-copy{left:7%;top:10%;width:54%}.person-hint{width:58%;right:4%;height:84%}.veil-hint{width:74%}}
  @media (max-width:680px){.cover-title{font-size:min(17vw,74px)}.cover-actions{flex-direction:column;align-items:center}.cover-actions .btn{width:min(82vw,310px)}.phase-label{top:calc(50% + 102px)}.home-card{width:calc(100vw - 28px);height:min(78vh,650px);border-radius:14px}.home-copy{width:74%;left:8%;top:9%}.home-copy h3{font-size:24px}.home-side{display:none}.person-hint{width:78%;right:-6%;height:74%;bottom:0}.veil-hint{width:100%;right:-10%}}

  /* Mobile-first finishing pass */
  .brand{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left)}
  .menu{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right)}
  .status{padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}
  .controls{padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
  .btn,.controls .pill{min-height:44px}
  @media (max-width:680px){
    .brand{left:16px;top:12px;font-size:11px}
    .brand small{display:block;margin-top:3px;font-size:7px;letter-spacing:.06em;white-space:nowrap}
    .menu{right:56px;top:12px}
    .cover{align-items:flex-start;overflow:auto}
    .cover-card{width:100%;max-width:520px;padding:calc(15vh + env(safe-area-inset-top)) 22px calc(110px + env(safe-area-inset-bottom))}
    .cover-kicker{font-size:9px;letter-spacing:.22em;margin-bottom:18px}
    .cover-title{font-size:clamp(48px,16vw,72px)}
    .cover-rule{margin:18px auto 15px}
    .cover-text{width:94%;font-size:12px;line-height:1.85}
    .cover-actions{margin-top:22px;gap:10px}
    .cover-actions .btn{width:min(86vw,320px);padding:12px 16px}
    .phase-label{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));width:88vw;text-align:center;white-space:nowrap;font-size:9px;letter-spacing:.17em}
    .center-title{width:86vw;top:48%}
    .center-title h2{font-family:"STKaiti","Kaiti SC","KaiTi","DFKai-SB","Songti SC","STSong",serif;font-size:clamp(10px,2.7vw,12px);line-height:1.72;letter-spacing:.03em;color:rgba(239,231,218,.60);font-weight:400;text-shadow:0 0 8px rgba(239,231,218,.08)}
    .status{left:16px;bottom:calc(17px + env(safe-area-inset-bottom));font-size:9px;gap:8px}
    .status .line{display:none}
    .controls{right:16px;bottom:calc(14px + env(safe-area-inset-bottom));gap:7px}
    .controls .pill{font-size:9px;letter-spacing:.11em;padding:9px 11px;min-height:40px}
    .note{display:none}

    /* Final landing preview: keep readable and avoid a desktop layout squeezed onto mobile */
    .home-preview{align-items:center}
    .home-card{width:calc(100vw - 24px);height:min(78svh,620px);min-height:500px;border-radius:14px}
    .home-copy{left:8%;top:8%;width:72%;max-width:none}
    .home-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:10px}
    .home-copy h3{font-size:clamp(22px,6.6vw,29px);line-height:1.5;margin-bottom:10px}
    .home-copy p{font-size:11px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
    .home-copy a{font-size:10px}
    .person-hint{width:84%;right:-14%;height:68%;bottom:-2%}
    .veil-hint{width:110%;right:-24%;top:8%;height:98%}
  }
  @media (max-width:390px){
    .home-copy{width:78%}
    .home-copy p{-webkit-line-clamp:4}
    .controls .pill{padding:8px 9px}
  }
  @media (prefers-reduced-motion: reduce){
    .center-title,.cover,.home-preview{transition-duration:.2s}
  }


  /* =========================================================
     NEW SITE / ARRIVAL + FIVE ACTS
     ========================================================= */
  .menu{
    appearance:none;border:0;background:transparent;padding:0;
    font-family:Arial,sans-serif;cursor:pointer;transition:opacity .25s ease,color .35s ease
  }
  .menu:hover{opacity:.62}
  body.site-arrived .brand,body.site-arrived .menu{color:#2f2c27}
  body.site-arrived.site-dark .brand,body.site-arrived.site-dark .menu{color:rgba(247,242,233,.9)}
  body.site-arrived .controls{opacity:0;pointer-events:none}
  body.site-arrived canvas{opacity:0;transition:opacity .7s ease}

  .site-shell{
    z-index:30;display:block;background:#f2eee6;color:#282825;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .9s ease,visibility .9s ease
  }
  .site-shell.visible{opacity:1;visibility:visible;pointer-events:auto}
  .acts{position:absolute;inset:0}
  .act{
    position:absolute;inset:0;padding:78px 34px 72px;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateX(2.2%);
    transition:opacity .72s ease,transform .85s cubic-bezier(.22,.61,.36,1),visibility .72s ease;
    background:#f2eee6
  }
  .act.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-shell:not(.visible) .act{pointer-events:none!important}
  .act.was-left{transform:translateX(-2.2%)}
  .act-frame{
    width:min(1360px,100%);height:100%;margin:auto;
    display:grid;grid-template-columns:minmax(310px,.78fr) minmax(520px,1.22fr);
    gap:clamp(34px,5vw,92px);align-items:center
  }
  .act-frame.reverse{grid-template-columns:minmax(520px,1.18fr) minmax(310px,.82fr)}
  .act-copy{max-width:480px;padding:0 clamp(6px,1vw,16px)}
  .act-meta{
    display:flex;align-items:center;gap:14px;margin-bottom:22px;
    font:10px/1 Arial,sans-serif;letter-spacing:.18em;color:#887a61
  }
  .act-meta span:first-child{min-width:23px}
  .act-meta:after{content:"";display:block;width:42px;height:1px;background:currentColor;opacity:.4}
  .act h2{
    margin:0 0 24px;font:500 clamp(31px,3.4vw,50px)/1.35 "Noto Serif SC","Songti SC","STSong",serif;
    letter-spacing:.015em
  }
  .act-copy p{margin:0 0 13px;font:14px/1.92 "Noto Serif SC","Songti SC","STSong",serif;color:#625e56}
  .act-copy .act-lead{font-size:14px;line-height:1.92;color:#393a38}
  .being-lines{margin:24px 0}.being-lines p{font-size:14px;line-height:1.92;color:#3e3e39}
  .act-link{
    display:inline-flex;gap:9px;align-items:center;margin-top:18px;padding-bottom:7px;
    border-bottom:1px solid rgba(40,40,37,.28);font:11px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em
  }
  .act-image{margin:0;width:100%;height:min(68vh,650px);overflow:hidden;background:#ddd4c8}
  .act-image img{display:block;width:100%;height:100%;object-fit:cover}
  .act-image.portrait img{object-position:center 38%}

  /* Arrival */
  .act-arrival{display:grid;place-items:center;background:#efeae0;padding:72px 34px 68px}
  .arrival-panel{
    position:relative;width:min(1180px,88vw);height:min(68vh,570px);min-height:470px;overflow:hidden;border-radius:16px;
    background:
      radial-gradient(circle at 74% 25%,rgba(247,221,160,.67),transparent 23%),
      radial-gradient(circle at 80% 64%,rgba(168,116,61,.22),transparent 31%),
      radial-gradient(circle at 22% 45%,rgba(255,255,255,.58),transparent 34%),
      linear-gradient(90deg,rgba(250,248,244,.9),rgba(250,248,244,.54) 38%,rgba(250,248,244,.09) 65%,rgba(250,248,244,0) 100%),
      linear-gradient(120deg,#e9dfcf 0%,#f5f0e8 25%,#e3c57e 57%,#d5aa54 78%,#654c35 100%);
    box-shadow:0 22px 72px rgba(65,47,28,.16)
  }
  .arrival-panel:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(135deg,rgba(76,57,43,.15),transparent 18%,transparent 80%,rgba(72,50,34,.16));
    mix-blend-mode:multiply
  }
  .arrival-veil{
    position:absolute;right:-4%;top:-12%;width:65%;height:124%;
    background:linear-gradient(108deg,rgba(255,255,255,.02),rgba(255,255,255,.28) 17%,rgba(247,222,162,.48) 38%,rgba(225,183,90,.75) 59%,rgba(154,109,61,.32) 78%,rgba(77,54,39,.10));
    clip-path:polygon(29% 0,100% 0,100% 100%,45% 100%,31% 85%,23% 69%,17% 49%,17% 31%,22% 12%);
    opacity:.92;mix-blend-mode:screen;filter:blur(8px)
  }
  .arrival-form{
    position:absolute;right:13%;bottom:-4%;width:43%;height:91%;
    background:
      radial-gradient(circle at 34% 16%,rgba(255,247,224,.64),transparent 17%),
      radial-gradient(circle at 55% 20%,rgba(94,66,49,.22),transparent 33%),
      radial-gradient(circle at 49% 52%,rgba(205,171,114,.48),transparent 47%),
      radial-gradient(circle at 38% 59%,rgba(255,255,255,.29),transparent 36%);
    clip-path:polygon(40% 4%,53% 2%,61% 6%,67% 17%,73% 29%,79% 43%,84% 58%,87% 74%,85% 92%,77% 100%,52% 100%,44% 88%,36% 74%,29% 56%,26% 37%,31% 18%);
    opacity:.8;filter:blur(1px)
  }
  .arrival-copy{position:absolute;z-index:3;left:7.3%;top:50%;transform:translateY(-49%);width:min(39%,440px)}
  .arrival-eyebrow{margin-bottom:15px;font:9px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.16em;color:#746b5e}
  .arrival-copy h1{margin:0 0 16px;font:500 clamp(27px,3.1vw,42px)/1.5 "Noto Serif SC","Songti SC","STSong",serif}
  .arrival-copy h1 em{font-style:normal;color:#9d773d}
  .arrival-rule{width:36px;height:1px;background:rgba(42,38,32,.42);margin:0 0 14px}
  .arrival-copy p{margin:0 0 11px;font:12px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#5e584f}

  .arrival-copy p:last-of-type{margin-bottom:0}
  .arrival-enter{appearance:none;border:0;border-bottom:1px solid rgba(48,43,36,.30);background:none;padding:0 0 7px;margin-top:19px;cursor:pointer;color:#3b3833;font-size:11px;letter-spacing:.07em}
  .arrival-enter span{margin-left:7px}
  .arrival-index{position:absolute;right:4.2%;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:9px;letter-spacing:.14em;color:#5f5548}
  .arrival-index:after{content:"";width:42px;height:1px;background:currentColor;opacity:.4;margin-top:4px}



  
  /* =========================================================
     SOUND / CSS 3D IMMERSIVE SPACE
     Reliable browser-native perspective. No image. No WebGL.
     ========================================================= */
  .sound-css3d-stage{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(circle at 55% 46%,rgba(194,153,88,.18),transparent 26%),
      linear-gradient(145deg,#11161d 0%,#080b10 65%,#16110d 100%);
    box-shadow:0 18px 58px rgba(38,31,24,.18);
  }
  .sound-css3d-viewport{
    position:absolute;inset:0;
    perspective:900px;
    perspective-origin:52% 47%;
    overflow:hidden;
  }
  .sound-css3d-camera{
    position:absolute;
    left:50%;top:50%;
    width:100%;height:100%;
    transform-style:preserve-3d;
    transform:translate3d(-50%,-50%,0) rotateX(-3deg) rotateY(0deg) translateZ(-120px);
    animation:s3dCamera 8.8s cubic-bezier(.45,.05,.22,1) infinite alternate;
  }
  .s3d-plane,.s3d-slab,.s3d-fold,.s3d-frame,.s3d-shutter,.s3d-portal,.s3d-foreground,.s3d-light,.s3d-floor{
    position:absolute;
    transform-style:preserve-3d;
    backface-visibility:visible;
  }

  /* distant architectural planes */
  .s3d-back{
    left:50%;top:50%;
    width:76%;height:82%;
    border:1px solid rgba(230,219,199,.13);
    background:
      linear-gradient(90deg,rgba(247,237,217,.045),rgba(118,135,157,.025)),
      repeating-linear-gradient(90deg,transparent 0 11%,rgba(238,225,201,.055) 11.4% 11.8%,transparent 12.2% 24%);
    box-shadow:inset 0 0 80px rgba(206,177,123,.05);
  }
  .back-1{transform:translate3d(-50%,-50%, -520px) scale(1.35) rotateY(-8deg)}
  .back-2{
    width:58%;height:68%;
    transform:translate3d(-42%,-48%,-320px) rotateY(13deg) rotateZ(-2deg);
    background:
      linear-gradient(115deg,rgba(203,172,116,.12),rgba(90,109,132,.03) 42%,rgba(236,217,180,.08));
  }

  /* translucent middle-space sheets */
  .s3d-mid{
    top:10%;height:78%;width:13%;
    border:1px solid rgba(255,245,224,.18);
    background:linear-gradient(105deg,rgba(251,240,216,.05),rgba(221,192,140,.22),rgba(108,120,145,.08));
    box-shadow:
      inset 0 0 45px rgba(255,239,205,.08),
      0 0 34px rgba(203,168,103,.05);
    backdrop-filter:blur(1.5px);
  }
  .mid-1{left:15%;transform:translateZ(-145px) rotateY(21deg) rotateZ(2deg);animation:s3dMid1 6.2s cubic-bezier(.45,.05,.22,1) infinite alternate}
  .mid-2{left:48%;width:10%;transform:translateZ(-55px) rotateY(-16deg) rotateZ(-1deg);animation:s3dMid2 7.4s cubic-bezier(.45,.05,.22,1) .6s infinite alternate}
  .mid-3{right:10%;width:14%;transform:translateZ(-190px) rotateY(25deg) rotateZ(2deg);animation:s3dMid3 8.1s cubic-bezier(.45,.05,.22,1) 1.1s infinite alternate}

  /* solid floating slabs with visible thickness illusion */
  .s3d-slab{
    width:22%;height:19%;
    border-radius:2px;
    border:1px solid rgba(243,224,191,.20);
    background:
      linear-gradient(135deg,rgba(241,221,186,.34),rgba(80,67,58,.58) 58%,rgba(31,29,31,.78));
    box-shadow:
      14px 18px 28px rgba(0,0,0,.22),
      inset -12px -16px 28px rgba(29,24,22,.32),
      inset 8px 7px 18px rgba(255,235,198,.15);
  }
  .s3d-slab i{
    position:absolute;left:10%;right:10%;top:16%;bottom:16%;
    border:1px solid rgba(255,238,207,.11);
    transform:translateZ(8px);
  }
  .slab-1{left:10%;top:19%;transform:translateZ(80px) rotateY(29deg) rotateX(-9deg) rotateZ(-5deg);animation:s3dSlab1 5.4s cubic-bezier(.45,.05,.22,1) infinite alternate}
  .slab-2{left:42%;top:13%;width:18%;height:24%;transform:translateZ(-15px) rotateY(-24deg) rotateX(7deg) rotateZ(6deg);animation:s3dSlab2 6.8s cubic-bezier(.45,.05,.22,1) .7s infinite alternate}
  .slab-3{right:8%;top:39%;width:24%;height:18%;transform:translateZ(120px) rotateY(-32deg) rotateX(-5deg) rotateZ(-4deg);animation:s3dSlab3 5.9s cubic-bezier(.45,.05,.22,1) 1.2s infinite alternate}
  .slab-4{left:35%;bottom:10%;width:19%;height:13%;transform:translateZ(-85px) rotateY(18deg) rotateX(13deg) rotateZ(8deg);animation:s3dSlab4 7.6s cubic-bezier(.45,.05,.22,1) .4s infinite alternate}


  /* folding translucent planes: each one opens/closes like a spatial score */
  .s3d-fold{
    width:26%;height:34%;
    opacity:.18;
    border:1px solid rgba(245,230,202,.17);
    background:
      linear-gradient(135deg,rgba(242,222,187,.16),rgba(115,126,151,.10) 46%,rgba(207,166,96,.12));
    box-shadow:inset 0 0 38px rgba(255,236,200,.07),0 16px 38px rgba(0,0,0,.12);
    clip-path:polygon(0 8%,84% 0,100% 82%,14% 100%);
    transform-origin:left center;
    mix-blend-mode:screen;
  }
  .fold-1{
    left:20%;top:34%;
    transform:translateZ(165px) rotateY(-58deg) rotateX(13deg) rotateZ(-7deg);
    animation:s3dFold1 6.4s cubic-bezier(.52,.02,.18,1) .2s infinite;
  }
  .fold-2{
    left:52%;top:22%;width:21%;height:30%;
    transform:translateZ(-30px) rotateY(47deg) rotateX(-11deg) rotateZ(9deg);
    animation:s3dFold2 7.2s cubic-bezier(.52,.02,.18,1) 1.3s infinite;
  }
  .fold-3{
    right:5%;bottom:12%;width:28%;height:24%;
    transform:translateZ(205px) rotateY(-62deg) rotateX(16deg) rotateZ(-4deg);
    animation:s3dFold3 5.8s cubic-bezier(.52,.02,.18,1) .7s infinite;
  }

  /* nested frames travel through the Z axis, creating clear room-within-room depth */
  .s3d-frame{
    left:50%;top:50%;
    border:1px solid rgba(232,211,174,.16);
    box-shadow:0 0 26px rgba(218,175,106,.05),inset 0 0 20px rgba(130,150,180,.04);
    opacity:.32;
  }
  .frame-1{
    width:69%;height:70%;
    transform:translate3d(-50%,-50%,-360px) rotateY(-5deg);
    animation:s3dFrame1 8.2s cubic-bezier(.45,.05,.22,1) infinite;
  }
  .frame-2{
    width:42%;height:48%;
    transform:translate3d(-50%,-50%,-170px) rotateY(7deg);
    animation:s3dFrame2 6.7s cubic-bezier(.45,.05,.22,1) .9s infinite;
  }
  .frame-3{
    width:23%;height:31%;
    transform:translate3d(-50%,-50%,70px) rotateY(-10deg);
    animation:s3dFrame3 5.4s cubic-bezier(.45,.05,.22,1) 1.6s infinite;
  }

  /* fast vertical shutters appear, rotate and vanish — a different vocabulary from particles/waves */
  .s3d-shutter{
    top:7%;height:86%;
    width:3.2%;
    opacity:0;
    border-left:1px solid rgba(249,234,207,.25);
    border-right:1px solid rgba(115,134,164,.13);
    background:linear-gradient(90deg,rgba(228,206,170,.05),rgba(205,163,96,.20),rgba(95,108,137,.05));
    box-shadow:0 0 22px rgba(217,173,103,.06);
    transform-origin:center;
  }
  .shutter-1{left:29%;animation:s3dShutter1 5.2s ease-in-out .1s infinite}
  .shutter-2{left:43%;animation:s3dShutter2 6.0s ease-in-out 1.2s infinite}
  .shutter-3{right:34%;animation:s3dShutter3 5.6s ease-in-out 2.2s infinite}
  .shutter-4{right:18%;animation:s3dShutter4 6.4s ease-in-out 3.1s infinite}


  /* deep frames create tunnel / room-within-room depth */
  .s3d-portal{
    left:50%;top:50%;
    border:1px solid rgba(226,205,169,.16);
    box-shadow:0 0 34px rgba(206,166,102,.05),inset 0 0 28px rgba(151,170,194,.03);
  }
  .portal-1{width:54%;height:56%;transform:translate3d(-50%,-50%,-250px) rotateY(-3deg)}
  .portal-2{width:31%;height:36%;transform:translate3d(-50%,-50%,-410px) rotateY(5deg);border-color:rgba(219,194,153,.11)}

  /* foreground elements physically closer to camera */
  .s3d-foreground{
    top:-16%;height:132%;width:25%;
    background:linear-gradient(110deg,rgba(235,220,195,.04),rgba(202,167,111,.20),rgba(76,81,97,.07));
    border:1px solid rgba(250,238,216,.13);
    filter:blur(.2px);
  }
  .fg-left{
    left:-11%;
    transform:translateZ(230px) rotateY(31deg) rotateZ(7deg);
    animation:s3dFgLeft 5.3s cubic-bezier(.45,.05,.22,1) infinite alternate;
  }
  .fg-right{
    right:-11%;
    transform:translateZ(290px) rotateY(-34deg) rotateZ(-6deg);
    animation:s3dFgRight 6.1s cubic-bezier(.45,.05,.22,1) .8s infinite alternate;
  }

  /* floor perspective grid anchors the eye */
  .s3d-floor{
    left:-22%;right:-22%;height:66%;bottom:-53%;
    transform:rotateX(71deg) translateZ(-45px);
    transform-origin:center top;
    background:
      repeating-linear-gradient(90deg,rgba(230,208,171,.10) 0 1px,transparent 1px 9%),
      repeating-linear-gradient(0deg,rgba(230,208,171,.09) 0 1px,transparent 1px 13%),
      linear-gradient(180deg,rgba(167,134,85,.05),rgba(19,19,23,.34));
    box-shadow:0 -30px 60px rgba(205,162,91,.04);
  }
  .s3d-floor span{
    position:absolute;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(242,216,175,.30),transparent);
  }
  .s3d-floor span:nth-child(1){top:16%}
  .s3d-floor span:nth-child(2){top:30%}
  .s3d-floor span:nth-child(3){top:47%}
  .s3d-floor span:nth-child(4){top:66%}
  .s3d-floor span:nth-child(5){top:86%}

  /* volumetric light shafts */
  .s3d-light{
    width:34%;height:130%;top:-15%;
    filter:blur(14px);
    mix-blend-mode:screen;
    pointer-events:none;
  }
  .light-a{
    left:8%;
    transform:translateZ(25px) rotateZ(14deg);
    background:linear-gradient(90deg,transparent,rgba(230,180,103,.12),transparent);
    animation:s3dLightA 4.6s ease-in-out infinite alternate;
  }
  .light-b{
    right:6%;
    transform:translateZ(-120px) rotateZ(-17deg);
    background:linear-gradient(90deg,transparent,rgba(132,153,190,.09),transparent);
    animation:s3dLightB 5.8s ease-in-out .9s infinite alternate;
  }

  .sound-css3d-haze{
    position:absolute;inset:0;z-index:6;pointer-events:none;
    background:
      radial-gradient(circle at 50% 45%,rgba(209,173,111,.10),transparent 26%),
      linear-gradient(180deg,rgba(217,193,152,.03),transparent 55%,rgba(10,12,16,.14));
    mix-blend-mode:screen;
  }
  .sound-css3d-vignette{
    position:absolute;inset:0;z-index:7;pointer-events:none;
    background:radial-gradient(circle at 51% 46%,transparent 48%,rgba(3,5,8,.18) 76%,rgba(2,3,5,.42) 100%);
  }

  @keyframes s3dCamera{
    0%{transform:translate3d(-50%,-50%,0) rotateX(-3deg) rotateY(-2deg) translateZ(-135px)}
    48%{transform:translate3d(-50.7%,-50.2%,0) rotateX(-1.2deg) rotateY(3deg) translateZ(-38px)}
    100%{transform:translate3d(-49.3%,-49.7%,0) rotateX(-2.5deg) rotateY(-4deg) translateZ(42px)}
  }
  @keyframes s3dMid1{
    to{transform:translate3d(16px,-7px,-110px) rotateY(28deg) rotateZ(-2deg)}
  }
  @keyframes s3dMid2{
    to{transform:translate3d(-13px,9px,-12px) rotateY(-9deg) rotateZ(2deg)}
  }
  @keyframes s3dMid3{
    to{transform:translate3d(12px,-12px,-145px) rotateY(17deg) rotateZ(-3deg)}
  }
  @keyframes s3dSlab1{
    to{transform:translate3d(22px,-13px,145px) rotateY(38deg) rotateX(-3deg) rotateZ(2deg)}
  }
  @keyframes s3dSlab2{
    to{transform:translate3d(-20px,17px,35px) rotateY(-14deg) rotateX(13deg) rotateZ(-2deg)}
  }
  @keyframes s3dSlab3{
    to{transform:translate3d(-18px,-10px,185px) rotateY(-40deg) rotateX(2deg) rotateZ(3deg)}
  }
  @keyframes s3dSlab4{
    to{transform:translate3d(18px,-9px,-42px) rotateY(27deg) rotateX(4deg) rotateZ(-4deg)}
  }
  @keyframes s3dFgLeft{
    to{transform:translate3d(34px,-8px,330px) rotateY(37deg) rotateZ(2deg)}
  }
  @keyframes s3dFgRight{
    to{transform:translate3d(-28px,11px,390px) rotateY(-39deg) rotateZ(-1deg)}
  }
  @keyframes s3dLightA{to{opacity:.55;transform:translate3d(26px,0,40px) rotateZ(9deg)}}
  @keyframes s3dLightB{to{opacity:.42;transform:translate3d(-22px,0,-80px) rotateZ(-12deg)}}


  @keyframes s3dFold1{
    0%,100%{opacity:.06;transform:translate3d(-30px,16px,120px) rotateY(-76deg) rotateX(18deg) rotateZ(-9deg) scale(.90)}
    24%{opacity:.46;transform:translate3d(8px,-6px,210px) rotateY(-26deg) rotateX(6deg) rotateZ(-2deg) scale(1.03)}
    58%{opacity:.20;transform:translate3d(32px,-18px,285px) rotateY(21deg) rotateX(-8deg) rotateZ(5deg) scale(1.10)}
    76%{opacity:.05;transform:translate3d(58px,-26px,345px) rotateY(62deg) rotateX(-14deg) rotateZ(8deg) scale(1.15)}
  }
  @keyframes s3dFold2{
    0%,100%{opacity:.05;transform:translate3d(24px,-16px,-120px) rotateY(70deg) rotateX(-14deg) rotateZ(10deg) scale(.92)}
    29%{opacity:.34;transform:translate3d(-10px,7px,10px) rotateY(24deg) rotateX(-4deg) rotateZ(3deg) scale(1.02)}
    60%{opacity:.48;transform:translate3d(-32px,18px,105px) rotateY(-18deg) rotateX(7deg) rotateZ(-4deg) scale(1.07)}
    82%{opacity:.08;transform:translate3d(-55px,28px,185px) rotateY(-62deg) rotateX(12deg) rotateZ(-8deg) scale(1.13)}
  }
  @keyframes s3dFold3{
    0%,100%{opacity:.04;transform:translate3d(34px,20px,120px) rotateY(-78deg) rotateX(18deg) rotateZ(-6deg) scale(.88)}
    25%{opacity:.39;transform:translate3d(5px,0,245px) rotateY(-34deg) rotateX(7deg) rotateZ(-1deg) scale(1)}
    53%{opacity:.28;transform:translate3d(-26px,-16px,350px) rotateY(17deg) rotateX(-7deg) rotateZ(4deg) scale(1.09)}
    76%{opacity:.05;transform:translate3d(-62px,-28px,420px) rotateY(65deg) rotateX(-13deg) rotateZ(7deg) scale(1.16)}
  }

  @keyframes s3dFrame1{
    0%{opacity:.08;transform:translate3d(-50%,-50%,-520px) rotateY(-7deg) scale(.80)}
    45%{opacity:.34;transform:translate3d(-50.8%,-49.6%,-250px) rotateY(3deg) scale(1)}
    76%{opacity:.16;transform:translate3d(-49.4%,-50.4%,-40px) rotateY(-4deg) scale(1.08)}
    100%{opacity:.04;transform:translate3d(-50%,-50%,110px) rotateY(8deg) scale(1.15)}
  }
  @keyframes s3dFrame2{
    0%{opacity:.06;transform:translate3d(-50%,-50%,-360px) rotateY(12deg) scale(.78)}
    42%{opacity:.42;transform:translate3d(-49.6%,-50.5%,-85px) rotateY(-5deg) scale(1)}
    70%{opacity:.24;transform:translate3d(-50.4%,-49.5%,115px) rotateY(7deg) scale(1.08)}
    100%{opacity:.04;transform:translate3d(-50%,-50%,260px) rotateY(-9deg) scale(1.17)}
  }
  @keyframes s3dFrame3{
    0%{opacity:.05;transform:translate3d(-50%,-50%,-140px) rotateY(-13deg) scale(.74)}
    38%{opacity:.48;transform:translate3d(-50.7%,-49.7%,105px) rotateY(6deg) scale(1)}
    66%{opacity:.22;transform:translate3d(-49.5%,-50.4%,310px) rotateY(-8deg) scale(1.14)}
    100%{opacity:.03;transform:translate3d(-50%,-50%,470px) rotateY(12deg) scale(1.25)}
  }

  @keyframes s3dShutter1{
    0%,100%{opacity:0;transform:translate3d(-22px,0,-220px) rotateY(78deg) scaleX(.6)}
    18%{opacity:.10}
    34%{opacity:.62;transform:translate3d(5px,0,40px) rotateY(8deg) scaleX(1)}
    48%{opacity:.24;transform:translate3d(18px,0,190px) rotateY(-42deg) scaleX(1.2)}
    59%{opacity:0;transform:translate3d(30px,0,300px) rotateY(-80deg) scaleX(.65)}
  }
  @keyframes s3dShutter2{
    0%,16%,100%{opacity:0;transform:translate3d(18px,0,-280px) rotateY(-82deg)}
    30%{opacity:.48;transform:translate3d(-3px,0,-20px) rotateY(-12deg)}
    47%{opacity:.34;transform:translate3d(-18px,0,165px) rotateY(35deg)}
    61%{opacity:0;transform:translate3d(-34px,0,310px) rotateY(82deg)}
  }
  @keyframes s3dShutter3{
    0%,24%,100%{opacity:0;transform:translate3d(-18px,0,-240px) rotateY(80deg)}
    38%{opacity:.56;transform:translate3d(4px,0,20px) rotateY(10deg)}
    52%{opacity:.26;transform:translate3d(18px,0,190px) rotateY(-38deg)}
    64%{opacity:0;transform:translate3d(30px,0,320px) rotateY(-80deg)}
  }
  @keyframes s3dShutter4{
    0%,32%,100%{opacity:0;transform:translate3d(20px,0,-300px) rotateY(-80deg)}
    44%{opacity:.42;transform:translate3d(0,0,-10px) rotateY(-9deg)}
    57%{opacity:.20;transform:translate3d(-16px,0,180px) rotateY(42deg)}
    69%{opacity:0;transform:translate3d(-30px,0,325px) rotateY(80deg)}
  }


  @media(max-width:720px){
    .sound-css3d-viewport{perspective:720px}
    .s3d-mid.mid-3,.slab-4,.portal-2,.fold-3,.frame-1,.shutter-4{display:none}
    .sound-css3d-camera{animation-duration:12s}
  }
  @media(prefers-reduced-motion:reduce){
    .sound-css3d-camera,.s3d-mid,.s3d-slab,.s3d-fold,.s3d-frame,.s3d-shutter,.s3d-foreground,.s3d-light{animation:none!important}
  }

  /* =========================================================
     BEING / CSS 3D IMMERSIVE FIELD
     Re-toned for the sage-green Being palette.
     ========================================================= */
  .being-css3d-stage{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(circle at 60% 44%,rgba(229,238,221,.84),transparent 22%),
      radial-gradient(circle at 76% 22%,rgba(182,205,171,.58),transparent 34%),
      radial-gradient(circle at 26% 78%,rgba(208,221,198,.54),transparent 36%),
      linear-gradient(140deg,#dde7d8 0%,#d1decf 34%,#c6d5c3 68%,#dbe5d5 100%);
    box-shadow:0 18px 58px rgba(49,58,45,.14);
  }
  .being-css3d-viewport{
    position:absolute;inset:0;
    perspective:920px;
    perspective-origin:49% 48%;
    overflow:hidden;
  }
  .being-css3d-camera{
    position:absolute;left:50%;top:50%;width:100%;height:100%;
    transform-style:preserve-3d;
    transform:translate3d(-50%,-50%,0) rotateX(-2deg) rotateY(0deg) translateZ(-110px);
    animation:b3dCamera 11.5s cubic-bezier(.45,.05,.22,1) infinite alternate;
  }
  .b3d-depth,.b3d-membrane,.b3d-ribbon,.b3d-frame-soft,.b3d-foreground,.b3d-glow{
    position:absolute;transform-style:preserve-3d;backface-visibility:visible;
  }

  .b3d-depth{
    left:50%;top:50%;border:1px solid rgba(245,249,240,.34);
    box-shadow:inset 0 0 80px rgba(241,247,235,.20),0 0 55px rgba(145,166,135,.10);
    background:linear-gradient(135deg,rgba(250,253,247,.16),rgba(204,221,198,.10) 52%,rgba(188,206,182,.10));
    backdrop-filter:blur(1.2px);
  }
  .depth-1{width:76%;height:76%;transform:translate3d(-50%,-50%,-500px) scale(1.33) rotateY(-5deg);opacity:.38}
  .depth-2{width:55%;height:60%;transform:translate3d(-48%,-51%,-300px) rotateY(9deg) rotateZ(-2deg);opacity:.35}
  .depth-3{width:34%;height:42%;transform:translate3d(-50%,-50%,-125px) rotateY(-8deg) rotateZ(2deg);opacity:.28}

  .b3d-membrane{
    border:1px solid rgba(246,250,242,.36);
    box-shadow:inset 0 0 38px rgba(255,255,255,.20),0 18px 46px rgba(67,78,63,.07);
    background:
      radial-gradient(circle at 38% 32%,rgba(255,255,255,.40),transparent 24%),
      linear-gradient(135deg,rgba(236,242,228,.42),rgba(183,205,170,.34) 48%,rgba(212,218,197,.30));
    backdrop-filter:blur(3px) saturate(1.02);
    mix-blend-mode:screen;
    overflow:hidden;
  }
  .b3d-membrane i{
    position:absolute;inset:9%;border:1px solid rgba(255,255,255,.20);
    border-radius:inherit;transform:translateZ(9px);
    background:linear-gradient(130deg,rgba(255,255,255,.12),transparent 48%,rgba(208,222,199,.08));
  }
  .membrane-1{left:5%;top:7%;width:34%;height:76%;border-radius:50% 28% 62% 38%/38% 55% 45% 62%;transform:translateZ(190px) rotateY(27deg) rotateZ(-8deg);animation:b3dMem1 8.8s ease-in-out infinite alternate}
  .membrane-2{left:30%;top:14%;width:28%;height:62%;border-radius:37% 63% 42% 58%/54% 35% 65% 46%;transform:translateZ(55px) rotateY(-21deg) rotateZ(5deg);animation:b3dMem2 10.2s ease-in-out .6s infinite alternate}
  .membrane-3{right:8%;top:9%;width:31%;height:71%;border-radius:62% 35% 50% 43%/44% 66% 35% 56%;transform:translateZ(145px) rotateY(-28deg) rotateZ(7deg);animation:b3dMem3 9.4s ease-in-out 1.1s infinite alternate}
  .membrane-4{left:42%;bottom:4%;width:32%;height:34%;border-radius:52% 48% 38% 62%/63% 39% 61% 37%;transform:translateZ(-15px) rotateY(18deg) rotateX(12deg) rotateZ(-4deg);animation:b3dMem4 11s ease-in-out .2s infinite alternate}
  .membrane-5{left:18%;top:33%;width:20%;height:30%;border-radius:48% 52% 67% 33%/40% 64% 36% 60%;transform:translateZ(315px) rotateY(35deg) rotateX(-8deg) rotateZ(12deg);animation:b3dMem5 7.7s ease-in-out 1.7s infinite alternate}

  .b3d-ribbon{
    width:14%;height:104%;top:-2%;
    border-left:1px solid rgba(244,248,240,.28);border-right:1px solid rgba(174,193,168,.22);
    background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(236,243,231,.24),rgba(193,212,185,.18),rgba(171,191,162,.16),rgba(255,255,255,.02));
    filter:blur(.3px);mix-blend-mode:screen;transform-origin:center;
  }
  .ribbon-1{left:14%;transform:translateZ(-70px) rotateY(23deg) rotateZ(7deg);animation:b3dRibbon1 9s ease-in-out infinite alternate}
  .ribbon-2{left:48%;width:11%;transform:translateZ(90px) rotateY(-17deg) rotateZ(-5deg);animation:b3dRibbon2 10.8s ease-in-out .9s infinite alternate}
  .ribbon-3{right:13%;width:16%;transform:translateZ(-120px) rotateY(29deg) rotateZ(6deg);animation:b3dRibbon3 12s ease-in-out 1.5s infinite alternate}

  .b3d-frame-soft{
    left:50%;top:50%;border:1px solid rgba(243,248,239,.30);
    border-radius:46% 54% 44% 56%/53% 42% 58% 47%;
    box-shadow:0 0 42px rgba(232,240,225,.12),inset 0 0 36px rgba(188,207,181,.10);
    opacity:.32;
  }
  .soft-frame-1{width:70%;height:72%;transform:translate3d(-50%,-50%,-400px) rotateY(-5deg);animation:b3dFrameSoft1 12.8s ease-in-out infinite}
  .soft-frame-2{width:46%;height:50%;transform:translate3d(-50%,-50%,-175px) rotateY(7deg);animation:b3dFrameSoft2 10.2s ease-in-out .8s infinite}
  .soft-frame-3{width:27%;height:31%;transform:translate3d(-50%,-50%,60px) rotateY(-8deg);animation:b3dFrameSoft3 8.6s ease-in-out 1.5s infinite}

  .b3d-foreground{
    top:-14%;height:130%;width:24%;
    background:linear-gradient(110deg,rgba(255,255,255,.04),rgba(226,236,216,.30),rgba(183,205,170,.24),rgba(205,216,194,.18));
    border:1px solid rgba(243,248,238,.22);
    filter:blur(.45px);opacity:.56;mix-blend-mode:screen;
  }
  .bfg-left{left:-12%;transform:translateZ(285px) rotateY(31deg) rotateZ(7deg);animation:b3dFgL 8.8s ease-in-out infinite alternate}
  .bfg-right{right:-12%;transform:translateZ(340px) rotateY(-34deg) rotateZ(-7deg);animation:b3dFgR 9.6s ease-in-out .8s infinite alternate}

  .b3d-glow{filter:blur(18px);mix-blend-mode:screen;pointer-events:none;border-radius:50%}
  .bglow-a{left:34%;top:29%;width:34%;height:42%;transform:translateZ(-95px);background:radial-gradient(circle,rgba(231,240,223,.58),rgba(177,198,160,.24) 42%,transparent 72%);animation:b3dGlowA 7.8s ease-in-out infinite alternate}
  .bglow-b{right:5%;top:5%;width:36%;height:55%;transform:translateZ(-220px);background:radial-gradient(circle,rgba(186,208,174,.42),rgba(150,176,141,.18) 46%,transparent 73%);animation:b3dGlowB 9.6s ease-in-out .8s infinite alternate}
  .bglow-c{left:4%;bottom:-3%;width:42%;height:48%;transform:translateZ(35px);background:radial-gradient(circle,rgba(212,223,200,.40),rgba(172,190,160,.18) 48%,transparent 74%);animation:b3dGlowC 8.9s ease-in-out 1.4s infinite alternate}

  .being-css3d-haze{
    position:absolute;inset:0;z-index:6;pointer-events:none;
    background:
      radial-gradient(circle at 50% 47%,rgba(255,255,255,.16),transparent 30%),
      linear-gradient(180deg,rgba(247,250,244,.06),transparent 56%,rgba(165,184,158,.08));
    mix-blend-mode:screen;
  }
  .being-css3d-vignette{
    position:absolute;inset:0;z-index:7;pointer-events:none;
    background:radial-gradient(circle at 50% 48%,transparent 53%,rgba(74,83,68,.045) 78%,rgba(59,68,53,.12) 100%);
  }

  @keyframes b3dCamera{
    0%{transform:translate3d(-50%,-50%,0) rotateX(-2.2deg) rotateY(-2.5deg) translateZ(-135px)}
    52%{transform:translate3d(-50.5%,-50.2%,0) rotateX(-.6deg) rotateY(2.2deg) translateZ(-45px)}
    100%{transform:translate3d(-49.5%,-49.6%,0) rotateX(-1.6deg) rotateY(-3.2deg) translateZ(35px)}
  }
  @keyframes b3dMem1{to{transform:translate3d(26px,-8px,270px) rotateY(34deg) rotateZ(-2deg) scale(1.04)}}
  @keyframes b3dMem2{to{transform:translate3d(-18px,12px,105px) rotateY(-12deg) rotateZ(-2deg) scale(1.03)}}
  @keyframes b3dMem3{to{transform:translate3d(-24px,-12px,230px) rotateY(-36deg) rotateZ(1deg) scale(1.05)}}
  @keyframes b3dMem4{to{transform:translate3d(18px,-16px,45px) rotateY(27deg) rotateX(5deg) rotateZ(3deg) scale(1.06)}}
  @keyframes b3dMem5{to{transform:translate3d(38px,-24px,390px) rotateY(48deg) rotateX(2deg) rotateZ(4deg) scale(1.08)}}
  @keyframes b3dRibbon1{to{transform:translate3d(28px,-4px,-20px) rotateY(31deg) rotateZ(1deg);opacity:.82}}
  @keyframes b3dRibbon2{to{transform:translate3d(-22px,6px,155px) rotateY(-10deg) rotateZ(2deg);opacity:.74}}
  @keyframes b3dRibbon3{to{transform:translate3d(20px,-8px,-55px) rotateY(21deg) rotateZ(-1deg);opacity:.66}}
  @keyframes b3dFrameSoft1{
    0%{opacity:.06;transform:translate3d(-50%,-50%,-520px) rotateY(-7deg) scale(.80)}
    45%{opacity:.29;transform:translate3d(-50.6%,-49.8%,-255px) rotateY(3deg) scale(1)}
    100%{opacity:.05;transform:translate3d(-49.5%,-50.4%,70px) rotateY(-5deg) scale(1.13)}
  }
  @keyframes b3dFrameSoft2{
    0%{opacity:.05;transform:translate3d(-50%,-50%,-350px) rotateY(10deg) scale(.80)}
    48%{opacity:.38;transform:translate3d(-49.6%,-50.4%,-75px) rotateY(-4deg) scale(1)}
    100%{opacity:.05;transform:translate3d(-50.4%,-49.6%,210px) rotateY(7deg) scale(1.16)}
  }
  @keyframes b3dFrameSoft3{
    0%{opacity:.04;transform:translate3d(-50%,-50%,-150px) rotateY(-11deg) scale(.78)}
    48%{opacity:.42;transform:translate3d(-50.5%,-49.6%,95px) rotateY(5deg) scale(1)}
    100%{opacity:.04;transform:translate3d(-49.6%,-50.4%,390px) rotateY(-8deg) scale(1.22)}
  }
  @keyframes b3dFgL{to{transform:translate3d(34px,-6px,365px) rotateY(38deg) rotateZ(2deg);opacity:.68}}
  @keyframes b3dFgR{to{transform:translate3d(-30px,10px,425px) rotateY(-41deg) rotateZ(-1deg);opacity:.62}}
  @keyframes b3dGlowA{to{opacity:.70;transform:translate3d(18px,-8px,-65px) scale(1.12)}}
  @keyframes b3dGlowB{to{opacity:.58;transform:translate3d(-22px,12px,-175px) scale(1.08)}}
  @keyframes b3dGlowC{to{opacity:.62;transform:translate3d(20px,-14px,75px) scale(1.10)}}

  @media(max-width:720px){
    .being-css3d-viewport{perspective:740px}
    .membrane-5,.ribbon-3,.soft-frame-1,.bglow-c{display:none}
    .being-css3d-camera{animation-duration:14s}
  }
  @media(prefers-reduced-motion:reduce){
    .being-css3d-camera,.b3d-membrane,.b3d-ribbon,.b3d-frame-soft,.b3d-foreground,.b3d-glow{animation:none!important}
  }

  /* Research */
  .act-research{background:#f2eee6;color:#2f2d29}
  .research-frame{grid-template-columns:.78fr 1.22fr}
  .research-copy .act-meta{color:#887a61}
  .research-copy h2{color:#2f2d29}
  .research-copy p{color:#625e56}
  .research-copy .act-lead{color:#393a38}
  .research-copy .act-link{color:#3b3833;border-color:rgba(40,40,37,.28)}

  /* 2026-09-13 — Research light generative 3D field.
     IMPORTANT: only the right-hand visual changes; research copy stays untouched. */
  .research-css3d-stage{
    position:relative;overflow:hidden;isolation:isolate;
    background:
      radial-gradient(circle at 78% 22%,rgba(178,192,214,.24),transparent 29%),
      radial-gradient(circle at 19% 74%,rgba(214,186,146,.20),transparent 31%),
      radial-gradient(circle at 56% 58%,rgba(203,193,220,.16),transparent 34%),
      linear-gradient(145deg,#efebe4 0%,#e7e2db 50%,#f0ece5 100%);
    box-shadow:0 22px 60px rgba(147,130,109,.12),inset 0 0 0 1px rgba(255,255,255,.34),0 0 0 1px rgba(201,194,184,.72),inset 0 1px 22px rgba(255,255,255,.12);
  }
  .research-css3d-viewport{
    position:absolute;inset:0;overflow:hidden;
    perspective:1120px;perspective-origin:52% 48%;
  }
  .research-css3d-camera{
    position:absolute;left:50%;top:50%;width:108%;height:108%;
    transform-style:preserve-3d;
    transform:translate3d(-50%,-50%,0) rotateX(-5deg) rotateY(-2deg) translateZ(-90px);
    animation:rqLightCamera 17s cubic-bezier(.43,.06,.28,1) infinite alternate;
    will-change:transform;
  }
  .rq-light,.rq-field-sheet,.rq-orbit,.rq-axis,.rq-thread,.rq-pearl,.rq-dust{
    position:absolute;transform-style:preserve-3d;backface-visibility:visible;
  }

  /* soft depth light */
  .rq-light{border-radius:50%;filter:blur(30px);pointer-events:none;opacity:.65}
  .rq-light-a{left:18%;top:10%;width:54%;height:52%;background:radial-gradient(circle,rgba(255,249,239,.9),rgba(231,204,164,.16) 42%,transparent 73%);transform:translateZ(-240px);animation:rqLightA 13s ease-in-out infinite alternate}
  .rq-light-b{right:0;top:20%;width:48%;height:58%;background:radial-gradient(circle,rgba(208,218,236,.36),rgba(208,218,236,.08) 48%,transparent 74%);transform:translateZ(-150px);animation:rqLightB 15s ease-in-out .8s infinite alternate}
  .rq-light-c{left:37%;bottom:-6%;width:50%;height:44%;background:radial-gradient(circle,rgba(217,203,229,.22),rgba(217,203,229,.05) 48%,transparent 76%);transform:translateZ(30px);animation:rqLightC 12s ease-in-out 1.4s infinite alternate}

  /* translucent line-sheets: sound / question / relation rendered as open surfaces */
  .rq-field-sheet{
    left:50%;top:50%;border-radius:50%;
    opacity:.60;
    background:
      repeating-radial-gradient(ellipse at center,
        rgba(119,137,159,.19) 0 1px,
        transparent 1px 9px),
      repeating-linear-gradient(87deg,
        rgba(204,167,112,.11) 0 1px,
        transparent 1px 15px);
    -webkit-mask-image:radial-gradient(ellipse at center,#000 18%,rgba(0,0,0,.82) 55%,transparent 80%);
    mask-image:radial-gradient(ellipse at center,#000 18%,rgba(0,0,0,.82) 55%,transparent 80%);
    filter:drop-shadow(0 12px 16px rgba(139,128,116,.045));
    will-change:transform,opacity;
  }
  .rq-sheet-1{width:78%;height:42%;transform:translate3d(-54%,-54%,65px) rotateX(64deg) rotateY(-8deg) rotateZ(-11deg);animation:rqSheet1 14s ease-in-out infinite alternate}
  .rq-sheet-2{width:84%;height:34%;opacity:.44;transform:translate3d(-46%,-47%,-42px) rotateX(70deg) rotateY(15deg) rotateZ(24deg);animation:rqSheet2 16s ease-in-out .8s infinite alternate}
  .rq-sheet-3{width:59%;height:50%;opacity:.34;background:repeating-radial-gradient(ellipse at center,rgba(144,136,168,.18) 0 1px,transparent 1px 10px),repeating-linear-gradient(92deg,rgba(121,152,178,.10) 0 1px,transparent 1px 16px);transform:translate3d(-42%,-58%,165px) rotateX(58deg) rotateY(-29deg) rotateZ(8deg);animation:rqSheet3 12s ease-in-out 1.2s infinite alternate}
  .rq-sheet-4{width:72%;height:29%;opacity:.38;background:repeating-radial-gradient(ellipse at center,rgba(194,151,100,.18) 0 1px,transparent 1px 11px),repeating-linear-gradient(88deg,rgba(213,182,139,.08) 0 1px,transparent 1px 17px);transform:translate3d(-61%,-37%,245px) rotateX(73deg) rotateY(21deg) rotateZ(-18deg);animation:rqSheet4 15.5s ease-in-out .4s infinite alternate}
  .rq-sheet-5{width:61%;height:31%;opacity:.24;transform:translate3d(-50%,-45%,-180px) rotateX(76deg) rotateY(-5deg) rotateZ(2deg);animation:rqSheet5 18s ease-in-out 1.1s infinite alternate}

  /* precise orbital geometry keeps the field rational / research-like */
  .rq-orbit{left:50%;top:50%;border:1px solid rgba(184,148,94,.45);border-radius:50%;box-shadow:0 0 22px rgba(187,153,104,.055)}
  .rq-orbit-1{width:72%;height:39%;transform:translate3d(-50%,-50%,215px) rotateX(68deg) rotateY(-10deg) rotateZ(9deg);animation:rqOrbit1 17s ease-in-out infinite alternate}
  .rq-orbit-2{width:56%;height:56%;border-color:rgba(139,161,188,.25);transform:translate3d(-52%,-52%,42px) rotateX(58deg) rotateY(31deg) rotateZ(-8deg);animation:rqOrbit2 19s ease-in-out .7s infinite alternate}
  .rq-orbit-3{width:38%;height:70%;border-color:rgba(166,149,181,.22);transform:translate3d(-45%,-47%,105px) rotateX(41deg) rotateY(-52deg) rotateZ(24deg);animation:rqOrbit3 16s ease-in-out 1.2s infinite alternate}
  .rq-orbit-4{width:88%;height:50%;border-color:rgba(213,181,131,.18);transform:translate3d(-51%,-49%,-125px) rotateX(78deg) rotateY(5deg) rotateZ(-3deg);animation:rqOrbit4 20s ease-in-out .3s infinite alternate}

  /* vertical measurement-like axes */
  .rq-axis{width:1px;background:linear-gradient(to bottom,transparent,rgba(132,122,109,.31) 18%,rgba(132,122,109,.31) 82%,transparent)}
  .rq-axis:before,.rq-axis:after,.rq-axis i,.rq-axis b{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;display:block}
  .rq-axis:before{top:8%;width:5px;height:5px;background:#bd955d;box-shadow:0 0 0 5px rgba(189,149,93,.06)}
  .rq-axis:after{bottom:8%;width:3px;height:3px;background:#8e7859}
  .rq-axis i{top:37%;width:8px;height:8px;background:radial-gradient(circle at 32% 28%,#fff,#d8c29c 34%,#ae8b59 72%);box-shadow:0 4px 10px rgba(126,101,72,.15)}
  .rq-axis b{top:63%;width:4px;height:4px;background:#b9c6d2}
  .rq-axis-1{left:21%;top:15%;height:63%;transform:translateZ(210px);animation:rqAxis1 11s ease-in-out infinite alternate}
  .rq-axis-2{left:49%;top:8%;height:78%;transform:translateZ(84px);animation:rqAxis2 13s ease-in-out .8s infinite alternate}
  .rq-axis-3{left:73%;top:18%;height:67%;transform:translateZ(172px);animation:rqAxis3 12s ease-in-out 1.1s infinite alternate}
  .rq-axis-4{left:88%;top:31%;height:48%;opacity:.72;transform:translateZ(-8px);animation:rqAxis4 14s ease-in-out .4s infinite alternate}

  /* directional threads */
  .rq-thread{height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(194,155,99,.36),rgba(126,151,178,.20),transparent)}
  .rq-thread-1{left:8%;top:56%;width:70%;transform:translateZ(155px) rotateZ(-8deg);animation:rqThread1 12s ease-in-out infinite alternate}
  .rq-thread-2{left:27%;top:35%;width:60%;opacity:.66;transform:translateZ(-15px) rotateZ(16deg);animation:rqThread2 15s ease-in-out .6s infinite alternate}
  .rq-thread-3{left:17%;top:70%;width:66%;opacity:.46;transform:translateZ(255px) rotateZ(6deg);animation:rqThread3 13s ease-in-out 1.4s infinite alternate}

  /* glass / metal nodes */
  .rq-pearl{border-radius:50%;box-shadow:0 9px 18px rgba(121,107,92,.13),inset -5px -7px 12px rgba(100,87,72,.06),inset 5px 6px 11px rgba(255,255,255,.75);will-change:transform}
  .rq-pearl-gold{background:radial-gradient(circle at 31% 26%,#fffaf0 0 8%,#efd9b6 24%,#c39b66 58%,#a1784e 76%,#eadac1 100%)}
  .rq-pearl-blue{background:radial-gradient(circle at 30% 25%,#fff 0 9%,#dfe8ee 25%,#aebdca 58%,#8195a8 78%,#e6ecef 100%)}
  .rq-pearl-violet{background:radial-gradient(circle at 30% 25%,#fff 0 9%,#e8e0ec 28%,#c1b4c9 62%,#988aa4 80%,#ece7ef 100%)}
  .rq-pearl-ivory{background:radial-gradient(circle at 31% 26%,#fff 0 10%,#f0e9dc 30%,#d2c4ae 64%,#a99982 82%,#f5efe5 100%)}
  .rq-pearl-1{left:51%;top:49%;width:42px;height:42px;transform:translateZ(310px);animation:rqPearl1 9s ease-in-out infinite alternate}
  .rq-pearl-2{left:20%;top:67%;width:28px;height:28px;transform:translateZ(230px);animation:rqPearl2 11s ease-in-out .3s infinite alternate}
  .rq-pearl-3{right:15%;top:50%;width:30px;height:30px;transform:translateZ(248px);animation:rqPearl3 10s ease-in-out .9s infinite alternate}
  .rq-pearl-4{left:15%;top:35%;width:19px;height:19px;transform:translateZ(120px);animation:rqPearl4 12s ease-in-out .6s infinite alternate}
  .rq-pearl-5{right:5%;top:58%;width:16px;height:16px;transform:translateZ(92px);animation:rqPearl5 10.5s ease-in-out 1.1s infinite alternate}
  .rq-pearl-6{right:24%;bottom:19%;width:13px;height:13px;transform:translateZ(10px);animation:rqPearl6 13s ease-in-out .5s infinite alternate}
  .rq-pearl-7{left:37%;top:23%;width:10px;height:10px;transform:translateZ(-40px);animation:rqPearl7 11.5s ease-in-out 1.4s infinite alternate}

  .rq-dust{width:2px;height:2px;border-radius:50%;background:#b89461;box-shadow:25px 10px #c7aa80,50px -12px #aab9c5,78px 18px #cfb58e,108px -6px #c1b3ca,132px 25px #b69c78,164px 4px #93a8ba,198px 19px #ccb58f,226px -15px #b79ec1,254px 11px #bd9b6d;opacity:.45}
  .rq-dust-1{left:29%;top:44%;transform:translateZ(186px) rotateZ(-7deg);animation:rqDust1 15s ease-in-out infinite alternate}
  .rq-dust-2{left:42%;top:60%;transform:translateZ(-30px) rotateZ(8deg);opacity:.28;animation:rqDust2 18s ease-in-out .9s infinite alternate}

  .research-css3d-haze{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 53% 48%,rgba(255,255,255,.38),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%,rgba(232,225,214,.08));mix-blend-mode:screen}
  .research-css3d-vignette{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle at 52% 49%,transparent 54%,rgba(187,174,157,.055) 80%,rgba(160,145,127,.09) 100%)}

  @keyframes rqLightCamera{
    0%{transform:translate3d(-50%,-50%,0) rotateX(-5.4deg) rotateY(-3deg) translateZ(-112px)}
    50%{transform:translate3d(-50.5%,-49.7%,0) rotateX(-3.8deg) rotateY(1.4deg) translateZ(-45px)}
    100%{transform:translate3d(-49.5%,-50.2%,0) rotateX(-4.6deg) rotateY(-1.2deg) translateZ(8px)}
  }
  @keyframes rqLightA{to{transform:translate3d(24px,-10px,-170px) scale(1.08);opacity:.76}}
  @keyframes rqLightB{to{transform:translate3d(-28px,14px,-80px) scale(1.10);opacity:.72}}
  @keyframes rqLightC{to{transform:translate3d(18px,-12px,65px) scale(1.07);opacity:.58}}

  @keyframes rqSheet1{to{transform:translate3d(calc(-54% + 17px),calc(-54% - 8px),112px) rotateX(67deg) rotateY(-4deg) rotateZ(-7deg);opacity:.67}}
  @keyframes rqSheet2{to{transform:translate3d(calc(-46% - 16px),calc(-47% + 9px),8px) rotateX(68deg) rotateY(10deg) rotateZ(20deg);opacity:.51}}
  @keyframes rqSheet3{to{transform:translate3d(calc(-42% + 11px),calc(-58% - 12px),218px) rotateX(61deg) rotateY(-24deg) rotateZ(12deg);opacity:.39}}
  @keyframes rqSheet4{to{transform:translate3d(calc(-61% - 12px),calc(-37% + 7px),287px) rotateX(70deg) rotateY(17deg) rotateZ(-14deg);opacity:.43}}
  @keyframes rqSheet5{to{transform:translate3d(calc(-50% + 10px),calc(-45% - 9px),-118px) rotateX(73deg) rotateY(-1deg) rotateZ(-1deg);opacity:.30}}

  @keyframes rqOrbit1{to{transform:translate3d(calc(-50% + 12px),calc(-50% - 5px),246px) rotateX(70deg) rotateY(-7deg) rotateZ(13deg);opacity:.78}}
  @keyframes rqOrbit2{to{transform:translate3d(calc(-52% - 9px),calc(-52% + 8px),82px) rotateX(61deg) rotateY(27deg) rotateZ(-3deg);opacity:.72}}
  @keyframes rqOrbit3{to{transform:translate3d(calc(-45% + 7px),calc(-47% - 10px),148px) rotateX(44deg) rotateY(-48deg) rotateZ(20deg);opacity:.69}}
  @keyframes rqOrbit4{to{transform:translate3d(calc(-51% - 9px),calc(-49% + 6px),-82px) rotateX(76deg) rotateY(8deg) rotateZ(0deg);opacity:.55}}

  @keyframes rqAxis1{to{transform:translate3d(7px,-7px,238px);opacity:.82}}
  @keyframes rqAxis2{to{transform:translate3d(-5px,6px,112px);opacity:.92}}
  @keyframes rqAxis3{to{transform:translate3d(8px,-4px,202px);opacity:.84}}
  @keyframes rqAxis4{to{transform:translate3d(-6px,5px,24px);opacity:.62}}
  @keyframes rqThread1{to{transform:translate3d(12px,-5px,188px) rotateZ(-5deg);opacity:.77}}
  @keyframes rqThread2{to{transform:translate3d(-10px,6px,18px) rotateZ(12deg);opacity:.58}}
  @keyframes rqThread3{to{transform:translate3d(9px,-5px,286px) rotateZ(3deg);opacity:.53}}

  @keyframes rqPearl1{to{transform:translate3d(11px,-8px,344px) scale(1.06)}}
  @keyframes rqPearl2{to{transform:translate3d(-8px,6px,254px) scale(1.04)}}
  @keyframes rqPearl3{to{transform:translate3d(8px,-6px,282px) scale(1.05)}}
  @keyframes rqPearl4{to{transform:translate3d(5px,-5px,146px) scale(1.04)}}
  @keyframes rqPearl5{to{transform:translate3d(-6px,5px,118px) scale(1.05)}}
  @keyframes rqPearl6{to{transform:translate3d(4px,-4px,36px) scale(1.05)}}
  @keyframes rqPearl7{to{transform:translate3d(-4px,4px,-12px) scale(1.04)}}
  @keyframes rqDust1{to{transform:translate3d(15px,-7px,214px) rotateZ(-4deg);opacity:.58}}
  @keyframes rqDust2{to{transform:translate3d(-11px,8px,12px) rotateZ(5deg);opacity:.34}}

  @media(max-width:720px){
    .research-css3d-viewport{perspective:820px}
    .research-css3d-camera{width:116%;height:116%;animation-duration:19s}
    .rq-sheet-5,.rq-axis-4,.rq-thread-3,.rq-pearl-7,.rq-dust-2{display:none}
    .rq-field-sheet{opacity:.48}
    .rq-pearl-1{width:34px;height:34px}
  }
  @media(prefers-reduced-motion:reduce){
    .research-css3d-camera,.rq-light,.rq-field-sheet,.rq-orbit,.rq-axis,.rq-thread,.rq-pearl,.rq-dust{animation:none!important}
  }

  /* Field */
  .act-field{background:#f6f0e6;color:#2f2d29}
  .field-act-frame{grid-template-columns:minmax(520px,1.04fr) minmax(310px,.96fr)}
  .field-frame{
    position:relative;width:100%;height:min(68vh,650px);overflow:hidden;isolation:isolate;
    background:
      radial-gradient(circle at 16% 34%,rgba(255,214,166,.34),transparent 24%),
      radial-gradient(circle at 82% 26%,rgba(197,214,246,.30),transparent 25%),
      radial-gradient(circle at 36% 82%,rgba(245,204,190,.22),transparent 28%),
      radial-gradient(circle at 76% 78%,rgba(217,203,235,.24),transparent 28%),
      radial-gradient(circle at 50% 50%,rgba(255,249,239,.50),transparent 34%),
      linear-gradient(145deg,#fbf7f0 0%,#f8f1e7 48%,#fcf8f1 100%);
    box-shadow:0 18px 56px rgba(177,153,128,.13),inset 0 0 0 1px rgba(255,255,255,.34)
  }
  .field-copy{max-width:480px;padding:0 clamp(6px,1vw,16px)}
  .field-copy .act-meta{color:#8b7a61}
  .field-copy h2{color:#2f2d29}
  .field-copy p{color:#625e56}
  .field-copy .act-lead{color:#393a38}
  .field-copy .act-link{color:#2f2d29;border-color:rgba(40,40,37,.28)}

  .field-chamber-viewport{position:absolute;inset:0;perspective:1040px;perspective-origin:50% 50%;overflow:hidden}
  .field-chamber-camera{
    position:absolute;left:50%;top:50%;width:100%;height:100%;transform-style:preserve-3d;
    transform:translate3d(-50%,-50%,0) rotateX(-2deg) rotateY(0deg) translateZ(-100px);
    animation:fchCamera 13s cubic-bezier(.44,.08,.22,1) infinite alternate
  }
  .fch-membrane,.fch-ripple,.fch-wavefront,.fch-lens,.fch-glow,.fch-curtain{
    position:absolute;transform-style:preserve-3d;backface-visibility:visible
  }

  .fch-membrane{
    border-radius:50%;
    border:1px solid rgba(194,164,124,.20);
    box-shadow:inset 0 0 28px rgba(255,255,255,.18),0 0 34px rgba(192,171,144,.08);
    mix-blend-mode:multiply
  }
  .fch-membrane.m1{
    left:-12%;top:10%;width:40%;height:82%;
    background:radial-gradient(circle at 38% 50%,rgba(255,214,170,.42),rgba(255,214,170,.20) 38%,rgba(255,247,232,.06) 68%,transparent 72%);
    transform:translateZ(280px) rotateY(58deg) rotateX(4deg);
    animation:fchMembrane1 10.8s ease-in-out infinite alternate;opacity:.74
  }
  .fch-membrane.m2{
    right:-12%;top:8%;width:40%;height:84%;
    background:radial-gradient(circle at 62% 50%,rgba(193,214,247,.34),rgba(214,203,236,.24) 42%,rgba(255,255,255,.05) 70%,transparent 74%);
    transform:translateZ(300px) rotateY(-58deg) rotateX(-2deg);
    animation:fchMembrane2 11.4s ease-in-out .5s infinite alternate;opacity:.72
  }
  .fch-membrane.m3{
    left:28%;top:22%;width:44%;height:54%;
    background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),rgba(255,221,185,.15) 36%,rgba(198,214,245,.12) 62%,transparent 72%);
    transform:translateZ(22px) rotateY(8deg) rotateX(6deg);
    animation:fchMembrane3 12.2s ease-in-out 1.2s infinite alternate;opacity:.40
  }

  .fch-ripple{
    border-radius:50%;
    border:1px solid rgba(187,161,135,.26);
    box-shadow:0 0 26px rgba(214,185,152,.07),inset 0 0 18px rgba(168,192,223,.06);
    mix-blend-mode:multiply
  }
  .fch-ripple.r1{left:31%;top:31%;width:30%;height:30%;transform:translateZ(82px) rotateY(46deg) rotateX(74deg);animation:fchRipple1 10.4s ease-in-out infinite alternate;opacity:.58}
  .fch-ripple.r2{left:35%;top:35%;width:22%;height:22%;transform:translateZ(124px) rotateY(38deg) rotateX(68deg);animation:fchRipple2 8.8s ease-in-out .8s infinite alternate;opacity:.54}
  .fch-ripple.r3{right:15%;top:44%;width:20%;height:20%;transform:translateZ(205px) rotateY(-32deg) rotateX(66deg);animation:fchRipple3 9.2s ease-in-out 1.1s infinite alternate;opacity:.48}
  .fch-ripple.r4{left:18%;bottom:12%;width:18%;height:18%;transform:translateZ(312px) rotateY(26deg) rotateX(70deg);animation:fchRipple4 8.6s ease-in-out 1.5s infinite alternate;opacity:.44}

  .fch-wavefront{
    border-radius:999px;
    mix-blend-mode:multiply;
    box-shadow:0 0 18px rgba(225,196,155,.12),0 0 24px rgba(174,196,226,.10)
  }
  .fch-wavefront.w1{
    left:6%;top:42%;width:60%;height:18px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,202,145,.82) 18%,rgba(255,230,186,.72) 48%,rgba(255,255,255,0));
    transform:translateZ(160px) rotateZ(11deg);
    animation:fchWave1 8.8s ease-in-out infinite alternate;opacity:.74
  }
  .fch-wavefront.w2{
    left:40%;top:31%;width:44%;height:16px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(196,215,246,.76) 22%,rgba(216,202,236,.64) 58%,rgba(255,255,255,0));
    transform:translateZ(62px) rotateZ(-23deg);
    animation:fchWave2 10s ease-in-out .7s infinite alternate;opacity:.68
  }
  .fch-wavefront.w3{
    left:21%;top:63%;width:48%;height:14px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,211,170,.68) 20%,rgba(198,214,245,.58) 54%,rgba(255,255,255,0));
    transform:translateZ(-18px) rotateZ(-9deg);
    animation:fchWave3 11.1s ease-in-out 1.2s infinite alternate;opacity:.52
  }

  .fch-curtain{
    border-radius:999px;
    border:1px solid rgba(192,168,143,.16);
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,220,186,.10),rgba(203,220,247,.10));
    box-shadow:inset 0 0 16px rgba(255,255,255,.10),0 0 22px rgba(199,180,160,.05);
    backdrop-filter:blur(1px)
  }
  .fch-curtain.c1{left:42%;top:24%;width:17%;height:25%;transform:translateZ(136px) rotateY(-16deg) rotateX(5deg) rotateZ(-7deg);animation:fchCurtain1 9.4s ease-in-out infinite alternate;opacity:.34}
  .fch-curtain.c2{left:46%;top:48%;width:15%;height:18%;transform:translateZ(80px) rotateY(15deg) rotateX(-2deg) rotateZ(10deg);animation:fchCurtain2 10.2s ease-in-out .9s infinite alternate;opacity:.30}

  .fch-lens{
    border-radius:50%;
    mix-blend-mode:screen;
    box-shadow:0 0 20px rgba(203,189,171,.12)
  }
  .fch-lens.l1{left:37%;top:34%;width:18%;height:18%;background:radial-gradient(circle,rgba(255,255,255,.30),rgba(255,214,166,.22) 38%,rgba(255,255,255,0) 72%);transform:translateZ(148px);animation:fchLens1 7.9s ease-in-out infinite alternate;opacity:.92}
  .fch-lens.l2{left:43%;top:40%;width:12%;height:12%;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(194,214,246,.22) 42%,rgba(255,255,255,0) 72%);transform:translateZ(102px);animation:fchLens2 8.7s ease-in-out .6s infinite alternate;opacity:.84}

  .fch-glow{border-radius:50%;filter:blur(22px);mix-blend-mode:screen;pointer-events:none}
  .fch-glow.g1{left:7%;top:10%;width:42%;height:52%;transform:translateZ(-120px);background:radial-gradient(circle,rgba(255,209,156,.22),rgba(255,209,156,.08) 44%,transparent 72%);animation:fchGlow1 10.6s ease-in-out infinite alternate}
  .fch-glow.g2{right:4%;top:7%;width:34%;height:44%;transform:translateZ(-205px);background:radial-gradient(circle,rgba(186,208,244,.18),rgba(186,208,244,.06) 46%,transparent 72%);animation:fchGlow2 9.8s ease-in-out .7s infinite alternate}
  .fch-glow.g3{left:24%;bottom:-4%;width:48%;height:38%;transform:translateZ(30px);background:radial-gradient(circle,rgba(226,205,234,.14),rgba(255,217,176,.07) 44%,transparent 72%);animation:fchGlow3 8.9s ease-in-out 1.4s infinite alternate}
  .field-haze{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(255,253,248,.30),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 38%,rgba(255,236,214,.08));mix-blend-mode:screen}
  .field-vignette{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(241,228,214,.12) 80%,rgba(233,220,205,.20) 100%)}

  @keyframes fchCamera{0%{transform:translate3d(-50%,-50%,0) rotateX(-2.8deg) rotateY(-2.4deg) translateZ(-126px)}54%{transform:translate3d(-50.4%,-49.8%,0) rotateX(-.8deg) rotateY(2deg) translateZ(-42px)}100%{transform:translate3d(-49.6%,-50.2%,0) rotateX(-1.6deg) rotateY(-2.1deg) translateZ(34px)}}
  @keyframes fchMembrane1{to{transform:translate3d(24px,-8px,340px) rotateY(64deg) rotateX(2deg);opacity:.82}}
  @keyframes fchMembrane2{to{transform:translate3d(-24px,10px,360px) rotateY(-64deg) rotateX(-1deg);opacity:.80}}
  @keyframes fchMembrane3{to{transform:translate3d(16px,-6px,8px) rotateY(12deg) rotateX(7deg) scale(1.03);opacity:.46}}
  @keyframes fchRipple1{to{transform:translate3d(14px,-6px,118px) rotateY(52deg) rotateX(78deg) scale(1.08);opacity:.66}}
  @keyframes fchRipple2{to{transform:translate3d(-10px,8px,158px) rotateY(46deg) rotateX(72deg) scale(1.12);opacity:.62}}
  @keyframes fchRipple3{to{transform:translate3d(-12px,8px,236px) rotateY(-26deg) rotateX(62deg) scale(1.1);opacity:.58}}
  @keyframes fchRipple4{to{transform:translate3d(14px,-8px,340px) rotateY(34deg) rotateX(74deg) scale(1.14);opacity:.52}}
  @keyframes fchWave1{to{opacity:.84;transform:translate3d(20px,-5px,210px) rotateZ(8deg)}}
  @keyframes fchWave2{to{opacity:.76;transform:translate3d(-16px,6px,128px) rotateZ(-28deg)}}
  @keyframes fchWave3{to{opacity:.60;transform:translate3d(10px,-4px,18px) rotateZ(-5deg)}}
  @keyframes fchCurtain1{to{transform:translate3d(12px,-6px,166px) rotateY(-8deg) rotateX(7deg) rotateZ(-2deg);opacity:.42}}
  @keyframes fchCurtain2{to{transform:translate3d(-10px,7px,118px) rotateY(20deg) rotateX(0deg) rotateZ(16deg);opacity:.36}}
  @keyframes fchLens1{to{transform:translate3d(8px,-4px,182px) scale(1.08)}}
  @keyframes fchLens2{to{transform:translate3d(-8px,6px,130px) scale(1.1)}}
  @keyframes fchGlow1{to{opacity:.78;transform:translate3d(16px,-6px,-86px) scale(1.08)}}
  @keyframes fchGlow2{to{opacity:.70;transform:translate3d(-16px,10px,-172px) scale(1.1)}}
  @keyframes fchGlow3{to{opacity:.58;transform:translate3d(12px,-12px,62px) scale(1.06)}}
  @media(prefers-reduced-motion:reduce){.field-chamber-camera,.fch-membrane,.fch-ripple,.fch-wavefront,.fch-lens,.fch-glow,.fch-curtain{animation:none!important}}

  /* About */
  .act-about{background:#eee9e0;color:#2f2d29}
  .about-frame{grid-template-columns:.82fr 1.18fr}
  .about-copy{max-width:470px}
  .about-copy .act-meta{color:#8b7a61}
  .about-copy h2{color:#2f2d29}
  .about-copy p{color:#625e56}
  .about-copy .act-lead{color:#393a38}
  .about-copy .act-link{color:#2f2d29;border-color:rgba(40,40,37,.28)}
  .act-about .portrait{
    position:relative;height:min(69vh,650px);overflow:hidden;isolation:isolate;
    background:linear-gradient(150deg,#121920 0%,#1a232c 54%,#10171d 100%);
    box-shadow:0 18px 56px rgba(15,18,24,.18)
  }
  .about-viewport{position:absolute;inset:0;perspective:1040px;perspective-origin:50% 50%;overflow:hidden}
  .about-camera{
    position:absolute;left:50%;top:50%;width:100%;height:100%;transform-style:preserve-3d;
    transform:translate3d(-50%,-50%,0) rotateX(-2deg) rotateY(0deg) translateZ(-92px);
    animation:abtCamera 13.5s cubic-bezier(.44,.08,.22,1) infinite alternate
  }
  .abt-bg,.abt-face,.abt-path,.abt-ribbon,.abt-glow,.abt-haze,.abt-vignette{position:absolute;inset:0;pointer-events:none}
  .abt-bg{
    background-image:url('../media/visual-570b39d75710.jpg');background-size:cover;background-position:center center;
    transform:translateZ(-240px) scale(1.08);filter:saturate(1.03) brightness(.94)
  }
  .abt-face{
    left:2%;top:2%;width:63%;height:60%;right:auto;bottom:auto;
    background-image:url('../media/visual-682d63baf495.webp');background-size:contain;background-repeat:no-repeat;background-position:center center;
    transform:translateZ(96px) rotateY(-4deg) rotateX(1deg);
    filter:drop-shadow(0 24px 36px rgba(9,14,20,.18));animation:abtFace 10.6s ease-in-out infinite alternate
  }
  .abt-path{
    left:42%;top:46%;width:58%;height:54%;right:auto;bottom:auto;
    background-image:url('../media/visual-b14c194c8997.webp');background-size:contain;background-repeat:no-repeat;background-position:right bottom;
    transform:translateZ(212px) rotateY(3deg) rotateX(2deg);filter:drop-shadow(0 18px 32px rgba(6,10,15,.18));
    animation:abtPath 11.2s ease-in-out .6s infinite alternate
  }
  .abt-ribbon{mix-blend-mode:screen;filter:blur(.15px);opacity:.9}
  .abt-ribbon.r1{
    inset:auto;left:-6%;top:5%;width:64%;height:38%;border-radius:999px;
    background:linear-gradient(115deg,rgba(255,255,255,0),rgba(255,233,190,.26) 22%,rgba(255,241,214,.76) 40%,rgba(255,215,146,.20) 70%,rgba(255,255,255,0));
    transform:translateZ(164px) rotateZ(14deg);box-shadow:0 0 24px rgba(255,221,165,.16);animation:abtRibbon1 8.8s ease-in-out infinite alternate
  }
  .abt-ribbon.r2{
    inset:auto;left:18%;top:44%;width:62%;height:14%;border-radius:999px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,243,222,.12) 8%,rgba(255,223,164,.78) 45%,rgba(255,247,229,.18) 76%,rgba(255,255,255,0));
    transform:translateZ(182px) rotateZ(-3deg);box-shadow:0 0 22px rgba(255,217,152,.14);animation:abtRibbon2 10.2s ease-in-out .7s infinite alternate
  }
  .abt-ribbon.r3{
    inset:auto;left:-8%;bottom:1%;width:58%;height:20%;border-radius:999px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,242,214,.18) 12%,rgba(255,218,153,.76) 43%,rgba(255,248,233,.20) 72%,rgba(255,255,255,0));
    transform:translateZ(264px) rotateZ(9deg);box-shadow:0 0 22px rgba(255,223,171,.16);animation:abtRibbon3 9.4s ease-in-out 1.2s infinite alternate
  }
  .abt-glow.g1{
    left:2%;top:-4%;width:44%;height:44%;right:auto;bottom:auto;border-radius:50%;
    background:radial-gradient(circle,rgba(255,215,137,.24),rgba(255,215,137,.08) 42%,transparent 72%);
    transform:translateZ(-80px);filter:blur(18px);mix-blend-mode:screen;animation:abtGlow1 10.8s ease-in-out infinite alternate
  }
  .abt-glow.g2{
    left:56%;top:8%;width:34%;height:28%;right:auto;bottom:auto;border-radius:50%;
    background:radial-gradient(circle,rgba(255,236,196,.22),rgba(255,236,196,.08) 40%,transparent 72%);
    transform:translateZ(-140px);filter:blur(22px);mix-blend-mode:screen;animation:abtGlow2 9.6s ease-in-out .4s infinite alternate
  }
  .abt-haze{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%,rgba(10,14,20,.06)),radial-gradient(circle at 42% 34%,rgba(255,255,255,.06),transparent 28%);mix-blend-mode:screen;z-index:7}
  .abt-vignette{background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(8,12,16,.14) 82%,rgba(8,12,16,.26) 100%);z-index:8}

  @keyframes abtCamera{0%{transform:translate3d(-50%,-50%,0) rotateX(-2.4deg) rotateY(-2.6deg) translateZ(-112px)}52%{transform:translate3d(-50.3%,-49.8%,0) rotateX(-.6deg) rotateY(1.8deg) translateZ(-36px)}100%{transform:translate3d(-49.7%,-50.2%,0) rotateX(-1.4deg) rotateY(-2deg) translateZ(28px)}}
  @keyframes abtFace{to{transform:translate3d(8px,-5px,122px) rotateY(-2deg) rotateX(1deg) scale(1.018)}}
  @keyframes abtPath{to{transform:translate3d(-8px,5px,242px) rotateY(5deg) rotateX(2deg) scale(1.02)}}
  @keyframes abtRibbon1{to{transform:translate3d(18px,-8px,208px) rotateZ(8deg);opacity:.96}}
  @keyframes abtRibbon2{to{transform:translate3d(-16px,6px,212px) rotateZ(1deg);opacity:.88}}
  @keyframes abtRibbon3{to{transform:translate3d(14px,-8px,308px) rotateZ(14deg);opacity:.94}}
  @keyframes abtGlow1{to{transform:translate3d(14px,-8px,-42px) scale(1.08);opacity:.82}}
  @keyframes abtGlow2{to{transform:translate3d(-16px,8px,-112px) scale(1.1);opacity:.74}}
  @media(prefers-reduced-motion:reduce){.about-camera,.abt-face,.abt-path,.abt-ribbon,.abt-glow{animation:none!important}}


  /* Site navigation */
  .act-nav{
    position:absolute;z-index:55;left:50%;bottom:18px;transform:translateX(-50%);
    display:flex;align-items:center;gap:20px;color:#3a3732
  }
  .site-dark .act-nav{color:#eee8df}
  .act-arrow{
    width:42px;height:42px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;
    opacity:.72;cursor:pointer;font-size:17px;display:grid;place-items:center;transition:opacity .25s ease,transform .25s ease
  }
  .act-arrow:hover{opacity:1;transform:scale(1.04)}
  .act-arrow:disabled{opacity:.18;cursor:default;transform:none}
  .act-progress{display:flex;align-items:center;gap:10px;font:9px/1 Arial,sans-serif;letter-spacing:.14em}
  .act-dots{display:flex;gap:7px}
  .act-dots button{appearance:none;border:0;width:18px;height:1px;padding:5px 0;background:transparent;cursor:pointer;position:relative}
  .act-dots button:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;opacity:.22;transition:opacity .25s ease,transform .25s ease}
  .act-dots button.is-current:after{opacity:.9;transform:scaleY(2)}
  .swipe-hint{display:none}

  /* Full-screen menu */
  .menu-overlay{
    position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);
    background:rgba(242,238,230,.985);color:#2c2a27;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease
  }
  .menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
  .menu-close{position:absolute;right:78px;top:22px;z-index:2;height:14px;display:flex;align-items:center;appearance:none;border:0;background:none;padding:0;cursor:pointer;font-size:11px;line-height:1;letter-spacing:.14em;color:#514d46}
  .menu-panel{display:flex;flex-direction:column;justify-content:center;padding:7vh 8vw;border-right:1px solid rgba(45,42,38,.12)}
  .menu-small{font-size:11px;letter-spacing:.12em;color:#7c756a;margin-bottom:34px}.menu-small small{display:block;margin-top:6px;font:8px/1.35 Arial,sans-serif;letter-spacing:.08em;color:rgba(124,117,106,.68);white-space:nowrap}
  .menu-list{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
  .menu-list button{appearance:none;border:0;background:none;padding:5px 0;cursor:pointer;color:#2c2a27;font:400 clamp(27px,3.1vw,44px)/1.35 "Noto Serif SC","Songti SC","STSong",serif;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:baseline;text-align:left;width:100%;max-width:100%}
  .menu-list .menu-num{display:block;width:36px;margin:0;font:9px/1 Arial,sans-serif;letter-spacing:.12em;color:#9d8354}.menu-list .menu-label{display:block;min-width:0;text-align:left}
  .menu-list button:hover{opacity:.58}
  .menu-foot{display:flex;gap:22px;margin-top:34px;font-size:11px;color:#605a51}
  .menu-aside{display:flex;flex-direction:column;justify-content:flex-end;padding:8vh 6vw;background:radial-gradient(circle at 35% 28%,rgba(220,187,113,.24),transparent 34%),linear-gradient(145deg,#e7ded0,#f3eee6)}
  .menu-aside p{margin:0 0 20px;font:400 clamp(25px,2.6vw,38px)/1.65 "Noto Serif SC","Songti SC","STSong",serif}
  .menu-aside small{font-size:9px;letter-spacing:.18em;color:#746d62}

  /* Responsive */
  @media(max-width:900px){
    .menu-close{right:64px;top:16px;height:13px}
    .act{padding:70px 20px 68px}
    .act-frame,.act-frame.reverse,.research-frame,.about-frame{gap:30px}
    .act h2{font-size:clamp(30px,4.8vw,42px)}
    .arrival-panel{width:calc(100vw - 42px)}
  }
  @media(max-width:720px){
    .brand{z-index:72;left:16px;top:13px}
    .menu{z-index:72;right:56px;top:12px;height:12px}
    .act{padding:56px 12px 64px}
    .act-frame,.act-frame.reverse,.research-frame,.about-frame{
      width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:47% 53%;gap:0
    }
    .act-frame.reverse .act-image{grid-row:1}.act-frame.reverse .act-copy{grid-row:2}
    .act-copy{max-width:none;padding:19px 18px 14px;overflow:auto}
    .act-meta{margin-bottom:12px;font-size:8px}
    .act h2{font-size:clamp(26px,8vw,34px);line-height:1.32;margin-bottom:12px}
    .act-copy p{font-size:12px;line-height:1.72;margin-bottom:8px}
    .act-copy .act-lead{font-size:12px;line-height:1.72}
    .being-lines{margin:12px 0}.being-lines p{font-size:12px;line-height:1.72}
    .act-link{font-size:10px;margin-top:8px}
    .act-image,.act-about .portrait{height:100%;min-height:0}
    .act-image img{object-position:center}
    .act-sound .act-image,.act-being .act-image,.act-research .act-image,.act-field .act-image,.act-about .act-image{grid-row:1}
    .act-sound .act-copy,.act-being .act-copy,.act-research .act-copy,.act-field .act-copy,.act-about .act-copy{grid-row:2}
    .about-frame{grid-template-columns:1fr}
    .act-about .portrait{height:min(54vh,420px)}
    .abt-face{left:4%;top:5%;width:70%;height:56%}
    .abt-path{left:36%;top:49%;width:68%;height:53%}
    .abt-ribbon.r1{width:70%;height:34%}
    .abt-ribbon.r2{left:12%;top:48%;width:72%}
    .abt-ribbon.r3{left:-12%;bottom:0;width:74%}

    .act-arrival{padding:54px 12px 64px}
    .arrival-panel{width:100%;height:100%;min-height:0;border-radius:12px}
    .arrival-copy{left:7%;right:7%;top:auto;bottom:5.5%;transform:none;width:auto}
    .arrival-eyebrow{font-size:8px;margin-bottom:10px}
    .arrival-copy h1{font-size:clamp(25px,7.6vw,32px);line-height:1.45;margin-bottom:10px}
    .arrival-copy p{font-size:9.8px;line-height:1.58;max-width:92%;display:block;overflow:visible}
    .arrival-rule{margin-bottom:10px}
    .arrival-enter{font-size:10px;margin-top:10px}
    .arrival-index{display:none}
    .arrival-form{right:-12%;width:82%;height:70%;bottom:22%}
    .arrival-veil{right:-24%;top:-5%;width:112%;height:86%}
    .field-act-frame{grid-template-columns:1fr}
    .field-frame{height:min(54vh,420px)}
    .field-chamber-viewport{perspective:760px}
    .fch-membrane.m3,.fch-ripple.r4,.fch-wavefront.w3,.fch-curtain.c2{display:none}

    .act-nav{bottom:11px;gap:12px}
    .act-arrow{width:38px;height:38px}
    .act-dots{gap:4px}.act-dots button{width:12px}
    .swipe-hint{display:block;position:absolute;right:14px;bottom:20px;z-index:54;font-size:8px;letter-spacing:.12em;color:rgba(56,52,47,.45)}
    .site-dark .swipe-hint{color:rgba(239,233,223,.4)}

    .menu-overlay{grid-template-columns:1fr}
    .menu-panel{border-right:0;padding:10vh 9vw 8vh}
    .menu-list button{font-size:clamp(27px,8vw,36px)}
    .menu-aside{display:none}
    .menu-close{right:56px;top:12px;height:12px}
  }
  @media(max-width:390px){
    .act-progress>span:last-child{display:none}
    .act-nav{gap:9px}
    .act-dots button{width:10px}
  }
  @media(prefers-reduced-motion:reduce){
    .act{transition:none}
    .menu-overlay{transition:none}
  }


  @media(max-width:720px){
    .sound-caption{font-size:7px;left:12px;right:12px;bottom:10px}
    .sound-caption span:last-child{display:none}
    .sound-caption i{display:none}
    .sound-slice{border-color:rgba(255,255,255,.10)}
    .slice-d,.slice-e,.aperture-c,.echo-b{display:none}
  }
  @media(prefers-reduced-motion:reduce){
    .sound-base,.sound-slice,.sound-aperture,.sound-echo{animation:none!important}
    .sound-slice,.sound-aperture,.sound-echo{display:none}
  }





  /* =========================================================
     ABOUT · ROOT & WIND · secondary page · 2026-09-12
     Palette: dusk teal / weathered stone / smoke violet / aged gold
     ========================================================= */
  .about-chapter{
    position:fixed;inset:0;z-index:96;overflow:hidden;
    color:#f2eee7;background:#263238;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .48s ease,visibility .48s ease;
  }
  .about-chapter.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .about2-backdrop{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:
    radial-gradient(ellipse at 14% 82%,rgba(154,128,101,.54),transparent 31%),
    radial-gradient(ellipse at 88% 18%,rgba(116,91,127,.48),transparent 28%),
    radial-gradient(ellipse at 56% 54%,rgba(82,113,116,.34),transparent 34%),
    linear-gradient(137deg,#223238 0%,#354248 32%,#655b55 64%,#4f4757 100%);
  }
  .about2-backdrop:before{
    content:"";position:absolute;inset:-12%;opacity:.82;mix-blend-mode:screen;filter:blur(26px);
    background:
      linear-gradient(115deg,transparent 11%,rgba(220,204,176,.13) 26%,transparent 40%),
      linear-gradient(102deg,transparent 42%,rgba(191,174,201,.16) 58%,transparent 72%),
      radial-gradient(ellipse at 34% 31%,rgba(229,211,177,.12),transparent 23%);
    animation:about2Mist 17s ease-in-out infinite alternate;
  }
  .about2-backdrop:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      repeating-linear-gradient(118deg,transparent 0 9%,rgba(255,255,255,.017) 9.4% 9.65%,transparent 10% 18%),
      linear-gradient(180deg,rgba(5,10,12,.08),transparent 24%,transparent 73%,rgba(10,10,14,.22));
    opacity:.72;
  }
  .about2-pathlines{position:absolute;left:-7%;bottom:-7%;width:74%;height:65%;transform:rotate(-5deg);opacity:.58;filter:drop-shadow(0 0 18px rgba(218,180,113,.07))}
  .about2-pathlines i{position:absolute;left:0;bottom:0;width:105%;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(213,179,118,.5) 13%,rgba(213,179,118,.18) 53%,transparent);}
  .about2-pathlines i:nth-child(1){transform:rotate(-7deg) translateY(-22px);animation:about2Path1 13s ease-in-out infinite alternate}
  .about2-pathlines i:nth-child(2){transform:rotate(3deg) translateY(-84px);opacity:.58;animation:about2Path2 15s ease-in-out .8s infinite alternate}
  .about2-pathlines i:nth-child(3){transform:rotate(11deg) translateY(-142px);opacity:.34;animation:about2Path3 18s ease-in-out 1.4s infinite alternate}
  .about2-wind{position:absolute;right:-12%;top:-6%;width:68%;height:76%;opacity:.55;filter:blur(.2px);transform:rotate(6deg)}
  .about2-wind b{position:absolute;display:block;right:0;width:110%;height:18%;border-radius:50%;border-top:1px solid rgba(220,211,225,.30);background:linear-gradient(100deg,transparent 8%,rgba(209,197,217,.06) 30%,rgba(240,229,213,.14) 55%,transparent 82%);transform-origin:right center}
  .about2-wind b:nth-child(1){top:12%;transform:rotate(-12deg);animation:about2Wind1 11s ease-in-out infinite alternate}
  .about2-wind b:nth-child(2){top:34%;transform:rotate(-3deg);opacity:.75;animation:about2Wind2 14s ease-in-out .8s infinite alternate}
  .about2-wind b:nth-child(3){top:58%;transform:rotate(9deg);opacity:.42;animation:about2Wind3 16s ease-in-out 1.3s infinite alternate}
  .about2-noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.34) 0 1px,transparent 1.25px);background-size:27px 27px;mix-blend-mode:soft-light}

  .about2-shell{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto 1fr}
  .about2-topbar{height:66px;padding:0 clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(243,235,225,.14);background:rgba(33,44,48,.58);backdrop-filter:blur(18px)}
  .about2-brand{font:10px/1.3 Arial,sans-serif;letter-spacing:.13em;color:rgba(245,239,230,.72)}.about2-brand small{display:block;margin-top:4px;font:7px/1.35 Arial,sans-serif;letter-spacing:.07em;color:rgba(245,239,230,.44);white-space:nowrap}
  .about2-topbar button{appearance:none;border:0;background:none;color:rgba(245,239,230,.72);font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;padding:8px 0}
  .about2-topbar button:hover{color:#fff}
  .about2-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(232,218,198,.24) transparent}
  .about2-content{width:min(1280px,calc(100% - 72px));margin:0 auto;padding-bottom:120px}

  .about2-hero{min-height:72vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:8vw;align-items:end;padding:clamp(96px,14vh,150px) 0 72px;border-bottom:1px solid rgba(243,235,225,.15);position:relative}
  .about2-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#d1b27a;text-transform:uppercase;margin-bottom:22px}
  .about2-hero h1{margin:0;font:400 clamp(58px,7.2vw,110px)/.93 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em;color:#f3efe8}
  .about2-hero h1 em{display:block;font-style:normal;color:#d1b27a;margin-left:1.75em}
  .about2-hero-note{align-self:center;max-width:470px;padding:26px 0 8px;border-top:1px solid rgba(243,235,225,.18);font:14px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(243,238,231,.74)}
  .about2-hero-note strong{display:block;margin-bottom:12px;font-weight:500;color:#fff4e4;font-size:17px}

  .about2-nameblock{position:relative;padding:clamp(84px,11vw,142px) 0;border-bottom:1px solid rgba(243,235,225,.13);display:grid;grid-template-columns:140px minmax(240px,.75fr) minmax(320px,1.05fr);gap:clamp(30px,5vw,76px);align-items:start}
  .about2-nameblock:before{content:"";position:absolute;left:-12vw;right:-12vw;top:14%;bottom:14%;pointer-events:none;opacity:.62;filter:blur(16px)}
  .about2-nameblock.root:before{background:radial-gradient(ellipse at 19% 54%,rgba(177,143,107,.23),transparent 31%),linear-gradient(90deg,rgba(128,105,86,.12),transparent 58%)}
  .about2-nameblock.wind:before{background:radial-gradient(ellipse at 78% 44%,rgba(131,104,143,.24),transparent 34%),linear-gradient(270deg,rgba(125,104,140,.10),transparent 59%)}
  .about2-index{position:relative;z-index:1;font:9px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#d0b27b;padding-top:8px}
  .about2-nameblock h2{position:relative;z-index:1;margin:0;font:500 clamp(42px,5.2vw,78px)/1.05 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.04em;color:#f4efe7}
  .about2-nameblock h2 span{display:block;margin-top:13px;font:9px/1.4 Arial,sans-serif;letter-spacing:.18em;color:rgba(239,226,207,.52);text-transform:uppercase}
  .about2-namecopy{position:relative;z-index:1;max-width:650px;font:14px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(242,235,226,.72)}
  .about2-namecopy p{margin:0 0 17px}
  .about2-namecopy .statement{font-size:18px;line-height:1.86;color:#f8f0e4;margin-bottom:22px}
  .about2-namecopy .quote{margin-top:27px;padding:18px 22px;border-left:1px solid #d0ad70;color:#eadcc9;background:rgba(255,255,255,.035)}

  .about2-wishes{padding:clamp(94px,12vw,154px) 0 20px;position:relative}
  .about2-wishes-head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(340px,.9fr);gap:8vw;align-items:end;margin-bottom:68px}
  .about2-wishes-head h2{margin:0;font:500 clamp(48px,6vw,90px)/.98 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.045em;color:#f4efe7}
  .about2-wishes-head h2 em{display:block;font-style:normal;color:#d1b27a;margin-left:1.35em}
  .about2-wishes-head p{margin:0;font:13px/2 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(242,235,226,.66);max-width:540px}
  .about2-wishlist{display:grid;gap:0;border-top:1px solid rgba(243,235,225,.16)}
  .about2-wish{display:grid;grid-template-columns:100px minmax(0,1fr) 190px;gap:26px;align-items:center;min-height:132px;border-bottom:1px solid rgba(243,235,225,.14);position:relative;overflow:hidden}
  .about2-wish:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(203,174,121,.09),rgba(132,108,145,.08),transparent 73%);transform:translateX(-102%);transition:transform .7s cubic-bezier(.22,.8,.2,1)}
  .about2-wish:hover:before{transform:translateX(0)}
  .about2-wish .n{position:relative;z-index:1;font:9px/1 Arial,sans-serif;letter-spacing:.18em;color:#d1b27a}
  .about2-wish h3{position:relative;z-index:1;margin:0;font:500 clamp(22px,2.25vw,33px)/1.55 "Noto Serif SC","Songti SC","STSong",serif;color:#f1ece5}
  .about2-wish small{position:relative;z-index:1;justify-self:end;font:8px/1.6 Arial,"Noto Serif SC",sans-serif;letter-spacing:.12em;color:rgba(241,233,222,.42);text-align:right;text-transform:uppercase}
  .about2-end{padding:86px 0 0;display:flex;justify-content:space-between;gap:40px;align-items:flex-end;color:rgba(244,236,226,.46);font:9px/1.8 Arial,"Noto Serif SC",sans-serif;letter-spacing:.1em}
  .about2-end strong{font:500 clamp(22px,2.4vw,34px)/1.5 "Noto Serif SC","Songti SC","STSong",serif;color:#e8ddcf;letter-spacing:0}

  @keyframes about2Mist{to{transform:translate3d(3%,-2%,0) scale(1.05);opacity:.96}}
  @keyframes about2Path1{to{transform:rotate(-3deg) translate3d(4%, -34px,0);opacity:.88}}
  @keyframes about2Path2{to{transform:rotate(7deg) translate3d(2%, -92px,0);opacity:.42}}
  @keyframes about2Path3{to{transform:rotate(14deg) translate3d(5%, -150px,0);opacity:.22}}
  @keyframes about2Wind1{to{transform:translate3d(-5%,3%,0) rotate(-7deg) scaleX(1.05);opacity:.74}}
  @keyframes about2Wind2{to{transform:translate3d(-8%,-2%,0) rotate(2deg) scaleX(1.08);opacity:.54}}
  @keyframes about2Wind3{to{transform:translate3d(-4%,4%,0) rotate(14deg) scaleX(1.04);opacity:.28}}

  @media(max-width:820px){
    .about2-content{width:calc(100% - 36px)}
    .about2-hero{min-height:auto;padding:100px 0 56px;grid-template-columns:1fr;gap:50px}
    .about2-hero h1{font-size:clamp(52px,13vw,78px)}
    .about2-hero-note{max-width:none}
    .about2-nameblock{grid-template-columns:44px 1fr;gap:24px;padding:82px 0}
    .about2-nameblock h2{font-size:clamp(39px,10vw,58px)}
    .about2-namecopy{grid-column:2;font-size:13px}
    .about2-wishes-head{grid-template-columns:1fr;gap:34px}
    .about2-wishes-head h2{font-size:clamp(46px,12vw,70px)}
    .about2-wish{grid-template-columns:52px 1fr;gap:16px;padding:28px 0;min-height:0}
    .about2-wish small{display:none}
    .about2-end{padding-top:68px;display:block}
    .about2-end span{display:block;margin-top:18px}
    .about2-pathlines{width:105%;opacity:.33}
    .about2-wind{width:110%;right:-38%;opacity:.38}
  }
  @media(max-width:520px){
    .about2-topbar{height:58px;padding:0 16px}.about2-brand{font-size:8px}.about2-brand small{margin-top:3px;font-size:6.5px;letter-spacing:.055em}
    .about2-content{width:calc(100% - 28px)}
    .about2-hero{padding-top:82px}.about2-kicker{font-size:8px}.about2-hero h1{font-size:clamp(46px,14vw,64px)}
    .about2-nameblock{grid-template-columns:32px 1fr;gap:18px}.about2-index{font-size:8px}.about2-namecopy .statement{font-size:16px}
    .about2-wishes{padding-top:88px}.about2-wishes-head{margin-bottom:46px}.about2-wish h3{font-size:21px}
  }
  @media(prefers-reduced-motion:reduce){.about2-backdrop:before,.about2-pathlines i,.about2-wind b{animation:none!important}}


  /* =========================================================
     SOUND PATH · Chinese chapter rebuild · 2026-09-11
     New-site visual system only. Old site remains content source.
     ========================================================= */
  .sound-chapter{position:fixed;inset:0;z-index:90;background:#f4efe6;color:#282623;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;overflow:hidden}
  .sound-chapter.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .sound-chapter *{box-sizing:border-box}
  .sound-chapter-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto}
  .sound-topbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:20px;padding:19px clamp(20px,3vw,48px);border-bottom:1px solid rgba(39,36,32,.15);background:rgba(244,239,230,.92);backdrop-filter:blur(18px)}
  .sound-top-brand{font:11px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#4b4741;white-space:normal}
  .sound-top-brand small{display:block;margin-top:5px;font:8px/1.35 Arial,sans-serif;letter-spacing:.08em;color:rgba(75,71,65,.62);white-space:nowrap}
  .sound-section-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(39,36,32,.13);border-radius:999px;background:rgba(255,255,255,.35)}
  .sound-section-nav button{appearance:none;border:0;background:transparent;color:#625b53;padding:9px 11px;border-radius:999px;font:10px/1 Arial,sans-serif;letter-spacing:.055em;cursor:pointer;white-space:nowrap;transition:.25s ease}
  .sound-section-nav button:hover,.sound-section-nav button.is-current{background:#282623;color:#f4efe6}
  .sound-top-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px}
  .sound-top-actions button{appearance:none;border:0;background:none;padding:5px 0;color:#4b4741;font:10px/1.2 Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
  .sound-top-actions button:hover{color:#aa7b34}
  .sound-scroll{position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(70,64,57,.24) transparent}
  .sound-view{min-height:100%;padding:0 0 110px}
  .sound-wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}
  .sound-hero{position:relative;min-height:52vh;padding:clamp(70px,10vh,120px) 0 70px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:8vw;align-items:end;border-bottom:1px solid rgba(39,36,32,.17)}
  .sound-hero:before{content:"";position:absolute;left:-8vw;top:11%;width:44vw;height:44vw;max-width:580px;max-height:580px;border:1px solid rgba(181,137,66,.22);transform:rotate(12deg);pointer-events:none}
  .sound-kicker{font:10px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#a2763c;text-transform:uppercase;margin-bottom:22px}
  .sound-hero h1{margin:0;font:500 clamp(54px,7vw,104px)/.98 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.035em}
  .sound-hero h1 em{display:block;font-style:normal;color:#b0823f;margin-left:16%}
  .sound-hero-copy{font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#5c554d;max-width:500px}
  .sound-hero-copy p{margin:0 0 12px}
  .sound-pathline{margin-top:24px;padding-top:20px;border-top:1px solid rgba(39,36,32,.16);font:11px/1.8 Arial,"Noto Serif SC",serif;letter-spacing:.03em;color:#3f3a34}
  .sound-pathline span{color:#a2763c;padding:0 6px}
  .sound-intro-band{padding:58px 0 54px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:54px;border-bottom:1px solid rgba(39,36,32,.15);align-items:start}
  .sound-intro-band h2{margin:0;font:500 clamp(22px,2.25vw,31px)/1.55 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.01em}
  .sound-intro-band .sound-prose{max-width:760px;font:13px/2.08 "Noto Serif SC","Songti SC","STSong",serif;color:#5d554c}
  .sound-intro-band .sound-prose p{margin:0 0 15px}

  /* SOUND PATH directory: deliberately strict, aligned, editorial. */
  .sound-branch-grid{padding:68px 0 34px;display:block;border-top:1px solid rgba(39,36,32,.18)}
  .sound-branch{position:relative;width:100%;min-height:0;padding:31px 4px 32px;border:0;border-bottom:1px solid rgba(39,36,32,.18);background:transparent;display:grid;grid-template-columns:86px minmax(220px,.78fr) minmax(330px,1.25fr) 132px;gap:32px;align-items:center;cursor:pointer;transition:background .28s ease,padding .28s ease;color:inherit;text-align:left;overflow:visible}
  .sound-branch:before{content:none}
  .sound-branch:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#b0823f;transform:scaleY(0);transform-origin:top;transition:transform .28s ease}
  .sound-branch:hover{transform:none;background:rgba(255,255,255,.32);padding-left:14px;padding-right:14px}
  .sound-branch:hover:after{transform:scaleY(1)}
  .sound-branch:nth-child(n){min-height:0;grid-column:auto}
  .sound-branch-no{font:10px/1.2 Arial,sans-serif;letter-spacing:.13em;color:#a77738;margin:0;align-self:start;padding-top:8px;white-space:nowrap}
  .sound-branch h3{margin:0;font:500 clamp(22px,2.15vw,31px)/1.35 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.01em;position:relative;z-index:1}
  .sound-branch p{margin:0;max-width:610px;font:12px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#625a51;position:relative;z-index:1}
  .sound-branch-go{margin:0;justify-self:end;font:9px/1.5 Arial,"Noto Serif SC",sans-serif;letter-spacing:.12em;color:#6e5735;white-space:nowrap}

  .sound-pagehead{padding:74px 0 48px;border-bottom:1px solid rgba(39,36,32,.16);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:7vw;align-items:end}
  .sound-pagehead h1{margin:0;font:500 clamp(40px,5vw,72px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em}
  .sound-pagehead p{margin:0;font:13px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#635b52}
  .sound-backline{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;appearance:none;border:0;background:none;padding:0;color:#8a6838;font:10px/1 Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
  .sound-section{padding:56px 0;border-bottom:1px solid rgba(39,36,32,.14)}
  .sound-section:last-child{border-bottom:0}
  .sound-section-label{display:flex;align-items:center;gap:14px;margin-bottom:28px;font:9px/1 Arial,sans-serif;letter-spacing:.18em;color:#a2763c;text-transform:uppercase}
  .sound-section-label:after{content:"";width:46px;height:1px;background:rgba(162,118,60,.42)}
  .sound-section h2{margin:0 0 22px;font:500 clamp(27px,3vw,42px)/1.4 "Noto Serif SC","Songti SC","STSong",serif}
  .sound-prose{max-width:820px;font:14px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:#5e574f}
  .sound-prose p{margin:0 0 14px}
  .sound-callout{margin:26px 0;padding:24px 28px;border-left:1px solid #b0823f;background:rgba(255,255,255,.32);font:500 16px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#38342f}

  .sound-stage-list{display:grid;gap:1px;background:rgba(39,36,32,.14);border:1px solid rgba(39,36,32,.14)}
  .sound-stage-row{background:#f4efe6;padding:30px;display:grid;grid-template-columns:70px minmax(180px,.5fr) minmax(0,1.25fr);gap:26px;align-items:start}
  .sound-stage-row:nth-child(even){background:#eee7dc}
  .sound-stage-index{font:11px/1 Arial,sans-serif;letter-spacing:.16em;color:#aa7d3e;padding-top:5px}
  .sound-stage-row h3{margin:0;font:500 24px/1.45 "Noto Serif SC","Songti SC","STSong",serif}
  .sound-stage-row .stage-statement{font:500 14px/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#37332f;margin:0 0 10px}
  .sound-stage-row p{font:12px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#665e55;margin:0 0 10px}
  .sound-stage-row strong{font-weight:500;color:#8b6634}

  .sound-work-list{display:grid;gap:12px}
  .sound-work-card{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 25px;border:1px solid rgba(39,36,32,.13);background:rgba(255,255,255,.28);transition:.25s ease}
  .sound-work-card:hover{background:rgba(255,255,255,.58);border-color:rgba(176,130,63,.32)}
  .sound-work-no{font:10px/1 Arial,sans-serif;letter-spacing:.13em;color:#a5783e}
  .sound-work-main h3{margin:0 0 6px;font:500 19px/1.45 "Noto Serif SC","Songti SC","STSong",serif}
  .sound-work-meta{font:9px/1.5 Arial,"Noto Serif SC",sans-serif;letter-spacing:.06em;color:#81786d}
  .sound-work-note{margin-top:8px;font:11px/1.75 "Noto Serif SC","Songti SC","STSong",serif;color:#6e655b;max-width:720px}
  .sound-work-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .sound-work-actions button{appearance:none;border:1px solid rgba(39,36,32,.18);background:transparent;color:#4f4942;padding:9px 11px;font:9px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:.2s ease}
  .sound-work-actions button:hover{border-color:#a5783e;color:#835f31;background:rgba(176,130,63,.06)}
  .sound-work-actions .play-ai{background:#2c2925;color:#f6f0e7;border-color:#2c2925}
  .sound-work-actions .play-ai:hover{background:#4b4136;color:#fff}
  .sound-work-actions .detail-button{border-style:dashed}

  /* LIGHT LANGUAGE NARRATIVE · chromatic sound gallery
     Not a timeline. The gallery grows by adding works to narrativeWorks;
     CSS placement patterns repeat automatically as the collection expands. */
  .sound-chapter.narrative-mode{background:#080808;color:#f5f2eb}
  .sound-chapter.narrative-mode .sound-topbar{background:rgba(8,8,8,.92);border-bottom-color:rgba(255,255,255,.11);box-shadow:none}
  .sound-chapter.narrative-mode .sound-top-brand{color:rgba(255,255,255,.78)}
  .sound-chapter.narrative-mode .sound-top-brand small{color:rgba(255,255,255,.46)}
  .sound-chapter.narrative-mode .sound-section-nav{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12)}
  .sound-chapter.narrative-mode .sound-section-nav button{color:rgba(255,255,255,.62)}
  .sound-chapter.narrative-mode .sound-section-nav button:hover{background:rgba(255,255,255,.09);color:#fff}
  .sound-chapter.narrative-mode .sound-section-nav button.is-current{background:#f0ece4;color:#0d0d0d}
  .sound-chapter.narrative-mode .sound-top-actions button{color:rgba(255,255,255,.7)}
  .sound-chapter.narrative-mode .sound-top-actions button:hover{color:#fff}
  .sound-view.is-narrative-gallery{padding-bottom:0;background:#080808;color:#f5f2eb}
  .narrative-gallery-page{min-height:100%;background:#080808;color:#f5f2eb;overflow:hidden}
  .narrative-gallery-shell{width:min(1320px,calc(100% - 64px));margin:0 auto;padding-bottom:110px}
  .narrative-gallery-head{min-height:420px;padding:78px 0 64px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:8vw;align-items:end;border-bottom:1px solid rgba(255,255,255,.12);position:relative}
  .narrative-gallery-head:after{content:"";position:absolute;right:-9%;bottom:-1px;width:46%;height:1px;background:linear-gradient(90deg,transparent,#32d9ff 26%,#ff4b7f 61%,#ffd63d);opacity:.72}
  .narrative-gallery-back{appearance:none;border:0;background:none;color:rgba(255,255,255,.56);padding:0;margin:0 0 24px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;transition:color .22s ease}
  .narrative-gallery-back:hover{color:#fff}
  .narrative-gallery-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.45);text-transform:uppercase;margin-bottom:22px}
  .narrative-gallery-head h1{margin:0;font:400 clamp(64px,8vw,122px)/.92 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em;color:#f6f3ed}
  .narrative-gallery-head h1 em{display:block;font-style:normal;color:#d0a561;margin-left:15%}
  .narrative-gallery-copy{max-width:510px;padding-bottom:7px;font:13px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(255,255,255,.62)}
  .narrative-gallery-copy p{margin:0 0 15px}
  .narrative-gallery-copy .lead{color:rgba(255,255,255,.9);font-size:15px;line-height:1.95}
  .narrative-gallery-section{padding:72px 0 22px}
  .narrative-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;font:8px/1.5 Arial,"Noto Serif SC",sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.38);text-transform:uppercase}
  .narrative-gallery-toolbar .count{letter-spacing:.12em;color:rgba(255,255,255,.52)}
  .narrative-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(24px,2.9vw,44px);align-items:start}
  .narrative-tile{min-width:0;grid-column:span 4;position:relative}
  .narrative-tile:nth-child(6n+1){grid-column:span 4;margin-top:0}
  .narrative-tile:nth-child(6n+2){grid-column:span 5;margin-top:8.5vw}
  .narrative-tile:nth-child(6n+3){grid-column:span 3;margin-top:2.5vw}
  .narrative-tile:nth-child(6n+4){grid-column:span 3;margin-top:-1vw}
  .narrative-tile:nth-child(6n+5){grid-column:span 4;margin-top:5vw}
  .narrative-tile:nth-child(6n+6){grid-column:span 5;margin-top:1vw}
  .narrative-cover-button{display:block;width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);background:#111;padding:0;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;isolation:isolate;box-shadow:0 0 0 1px rgba(0,0,0,.1);transition:transform .45s cubic-bezier(.22,.8,.2,1),border-color .32s ease,box-shadow .45s ease}
  .narrative-cover-button:hover,.narrative-cover-button:focus-visible{transform:translateY(-7px);border-color:rgba(255,255,255,.42);box-shadow:0 28px 80px rgba(0,0,0,.35)}
  .narrative-cover-button:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:4px}
  .narrative-cover-art{position:absolute;inset:-2%;overflow:hidden;background:#171717;transition:transform .8s cubic-bezier(.22,.8,.2,1),filter .5s ease;filter:hue-rotate(var(--shift,0deg)) saturate(1.06) contrast(1.03)}
  .narrative-cover-button:hover .narrative-cover-art,.narrative-cover-button:focus-visible .narrative-cover-art{transform:scale(1.045) rotate(.4deg);filter:hue-rotate(var(--shift,0deg)) saturate(1.18) contrast(1.06)}
  .narrative-cover-art:before,.narrative-cover-art:after{content:"";position:absolute;inset:-18%;pointer-events:none;mix-blend-mode:screen;transition:transform 1.1s cubic-bezier(.22,.8,.2,1),opacity .55s ease}
  .narrative-cover-button:hover .narrative-cover-art:before{transform:translate3d(3%,-2%,0) rotate(7deg) scale(1.05)}
  .narrative-cover-button:hover .narrative-cover-art:after{transform:translate3d(-2%,3%,0) rotate(-5deg) scale(1.04)}
  .narrative-v1 .narrative-cover-art{background:radial-gradient(circle at 26% 23%,#ff784d 0 10%,transparent 24%),radial-gradient(circle at 72% 68%,#03d9ff 0 11%,transparent 29%),conic-gradient(from 205deg at 50% 54%,#211e75,#4f22d8,#ff3f91,#ff8c36,#f5e94c,#04d5dd,#211e75)}
  .narrative-v1 .narrative-cover-art:before{background:repeating-radial-gradient(ellipse at 55% 48%,rgba(255,255,255,.0) 0 7%,rgba(255,255,255,.18) 8%,rgba(255,255,255,0) 10% 18%);filter:blur(7px);opacity:.82}
  .narrative-v1 .narrative-cover-art:after{background:linear-gradient(115deg,transparent 20%,rgba(255,229,78,.65) 40%,transparent 54%),radial-gradient(circle at 34% 74%,rgba(255,38,99,.85),transparent 34%);filter:blur(12px)}
  .narrative-v2 .narrative-cover-art{background:radial-gradient(circle at 20% 74%,#ff4d38 0 14%,transparent 31%),radial-gradient(circle at 73% 29%,#dfff2e 0 8%,transparent 28%),linear-gradient(138deg,#11280f 0 25%,#0b7d4f 41%,#8de62b 58%,#ff3360 77%,#361325 100%)}
  .narrative-v2 .narrative-cover-art:before{background:repeating-linear-gradient(112deg,transparent 0 7%,rgba(0,0,0,.34) 8% 13%,transparent 14% 23%);filter:blur(4px);opacity:.85}
  .narrative-v2 .narrative-cover-art:after{background:radial-gradient(ellipse at 38% 37%,rgba(255,233,70,.9),transparent 14%),radial-gradient(ellipse at 75% 71%,rgba(255,37,76,.85),transparent 26%);filter:blur(13px)}
  .narrative-v3 .narrative-cover-art{background:radial-gradient(circle at 42% 32%,#ffca4b 0 12%,transparent 28%),radial-gradient(circle at 65% 68%,#ff2f7a 0 13%,transparent 34%),linear-gradient(148deg,#7a20ff 0,#3025ad 28%,#ff485f 56%,#ff8b27 78%,#ffd65a 100%)}
  .narrative-v3 .narrative-cover-art:before{background:conic-gradient(from 12deg at 50% 50%,transparent 0 10%,rgba(255,255,255,.3) 11% 13%,transparent 14% 27%,rgba(255,255,255,.24) 28% 31%,transparent 32% 100%);filter:blur(6px);opacity:.72}
  .narrative-v3 .narrative-cover-art:after{background:linear-gradient(72deg,transparent 18%,rgba(0,213,255,.85) 37%,transparent 48%),radial-gradient(circle at 20% 82%,rgba(69,255,229,.8),transparent 27%);filter:blur(12px)}
  .narrative-v4 .narrative-cover-art{background:radial-gradient(circle at 72% 28%,#ffd94a 0 8%,transparent 22%),radial-gradient(circle at 35% 70%,#ff5e3a 0 12%,transparent 33%),linear-gradient(150deg,#002b75 0,#0064c7 34%,#08c4e4 52%,#fd5d4f 74%,#ffbf2f 100%)}
  .narrative-v4 .narrative-cover-art:before{background:repeating-linear-gradient(24deg,rgba(255,255,255,.0) 0 8%,rgba(255,255,255,.2) 9% 10%,rgba(255,255,255,0) 11% 20%);filter:blur(2px);opacity:.6}
  .narrative-v4 .narrative-cover-art:after{background:radial-gradient(ellipse at 56% 46%,rgba(255,255,255,.55),transparent 24%),linear-gradient(110deg,transparent 34%,rgba(255,45,113,.72) 54%,transparent 72%);filter:blur(16px)}
  .narrative-v5 .narrative-cover-art{background:radial-gradient(circle at 22% 29%,#f5efe3 0 11%,transparent 28%),radial-gradient(circle at 70% 72%,#1cc6ef 0 10%,transparent 30%),linear-gradient(137deg,#ff4b4c 0,#ef6b39 26%,#ffd2a1 43%,#475fd4 63%,#22315f 100%)}
  .narrative-v5 .narrative-cover-art:before{background:repeating-radial-gradient(circle at 35% 54%,transparent 0 9%,rgba(255,255,255,.22) 10% 13%,transparent 14% 24%);filter:blur(6px);opacity:.72}
  .narrative-v5 .narrative-cover-art:after{background:linear-gradient(96deg,transparent 15%,rgba(255,236,142,.72) 36%,transparent 48%),radial-gradient(circle at 78% 25%,rgba(255,65,120,.75),transparent 24%);filter:blur(13px)}
  .narrative-v6 .narrative-cover-art{background:radial-gradient(circle at 63% 26%,#f0b540 0 5%,transparent 20%),radial-gradient(circle at 36% 67%,#8f4eff 0 10%,transparent 31%),linear-gradient(145deg,#050b26 0,#14226e 34%,#4234b8 51%,#7b2fd1 68%,#ff625c 100%)}
  .narrative-v6 .narrative-cover-art:before{background:radial-gradient(ellipse at 48% 52%,rgba(26,212,255,.7),transparent 19%),repeating-linear-gradient(128deg,transparent 0 10%,rgba(255,255,255,.17) 11% 12%,transparent 13% 23%);filter:blur(9px);opacity:.76}
  .narrative-v6 .narrative-cover-art:after{background:radial-gradient(circle at 75% 67%,rgba(255,184,50,.78),transparent 18%),linear-gradient(72deg,transparent 25%,rgba(255,67,137,.6) 48%,transparent 66%);filter:blur(14px)}
  .narrative-cover-shape{position:absolute;display:block;pointer-events:none;mix-blend-mode:screen;opacity:.82;transition:transform .9s cubic-bezier(.22,.8,.2,1),opacity .5s ease}
  .narrative-cover-shape.a{left:10%;top:12%;width:44%;aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:46% 54% 62% 38%/44% 37% 63% 56%;transform:rotate(7deg)}
  .narrative-cover-shape.b{right:8%;bottom:8%;width:46%;height:23%;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(-24deg)}
  .narrative-cover-shape.c{left:40%;top:25%;width:1px;height:52%;background:linear-gradient(transparent,rgba(255,255,255,.7),transparent);transform:rotate(38deg)}
  .narrative-cover-button:hover .narrative-cover-shape.a{transform:rotate(19deg) scale(1.08)}
  .narrative-cover-button:hover .narrative-cover-shape.b{transform:rotate(-12deg) scale(1.12)}
  .narrative-cover-top{position:absolute;z-index:4;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;gap:12px;font:8px/1.3 Arial,"Noto Serif SC",sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.76);text-shadow:0 1px 18px rgba(0,0,0,.35)}
  .narrative-cover-top span:last-child{color:rgba(255,255,255,.62)}
  .narrative-cover-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-42%) scale(.84);width:82px;height:82px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(0,0,0,.14);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;transition:opacity .32s ease,transform .42s cubic-bezier(.22,.8,.2,1),background .3s ease}
  .narrative-cover-play:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:4px}
  .narrative-cover-button:hover .narrative-cover-play,.narrative-cover-button:focus-visible .narrative-cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .narrative-cover-button:hover .narrative-cover-play{background:rgba(0,0,0,.24)}
  .narrative-cover-word{position:absolute;z-index:4;left:18px;bottom:16px;font:8px/1 Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.72);text-transform:uppercase;text-shadow:0 1px 16px rgba(0,0,0,.4)}
  .narrative-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:start;padding:14px 1px 0}
  .narrative-caption h2{margin:0;font:500 clamp(17px,1.7vw,24px)/1.42 "Noto Serif SC","Songti SC","STSong",serif;color:#f3efe8;letter-spacing:-.015em}
  .narrative-caption span{padding-top:6px;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.4);white-space:nowrap}

  .sound-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .sound-video-card{padding:20px;border:1px solid rgba(39,36,32,.14);background:rgba(255,255,255,.3)}
  .sound-video-card video{display:block;width:100%;max-height:520px;background:#171513;object-fit:contain}
  .sound-video-card h3{font:500 18px/1.5 "Noto Serif SC","Songti SC","STSong",serif;margin:17px 0 7px}
  .sound-video-card p{font:10px/1.7 Arial,"Noto Serif SC",sans-serif;color:#736a5f;margin:0}

  /* =========================================================
     LIGHT LANGUAGE OPERA · four-act page + separate works portal · 2026-09-11
     ========================================================= */
  .sound-chapter.opera-mode{background:#080a0d;color:#f2e8da}
  .sound-chapter.opera-mode .sound-topbar{background:rgba(7,9,12,.9);border-bottom-color:rgba(214,170,98,.16);box-shadow:none}
  .sound-chapter.opera-mode .sound-top-brand{color:#f3eadf}
  .sound-chapter.opera-mode .sound-top-brand small{color:#ac9f92}
  .sound-chapter.opera-mode .sound-section-nav{background:rgba(255,255,255,.04);border-color:rgba(214,170,98,.12)}
  .sound-chapter.opera-mode .sound-section-nav button{color:#cabfb2}
  .sound-chapter.opera-mode .sound-section-nav button:hover{background:rgba(214,170,98,.12);color:#fff8ee}
  .sound-chapter.opera-mode .sound-section-nav button.is-current{background:#caa164;color:#15110d}
  .sound-chapter.opera-mode .sound-top-actions button{color:#c9bcaf}
  .sound-chapter.opera-mode .sound-top-actions button:hover{color:#fff5e8}
  .sound-view.is-opera-atlas{padding-bottom:0;background:#080a0d;color:#f2e8da}

  .opera-page{min-height:100%;position:relative;background:
    radial-gradient(circle at 14% 8%,rgba(214,170,98,.18),transparent 16%),
    radial-gradient(circle at 85% 12%,rgba(92,175,208,.16),transparent 19%),
    radial-gradient(circle at 62% 38%,rgba(144,84,156,.14),transparent 22%),
    radial-gradient(circle at 76% 76%,rgba(196,82,123,.08),transparent 20%),
    linear-gradient(180deg,#050608 0%,#090d12 36%,#0a0b11 100%);
    color:#f2e8da;overflow:hidden}
  .opera-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:
    radial-gradient(circle at 24% 24%,rgba(255,235,203,.05),transparent 18%),
    radial-gradient(circle at 76% 42%,rgba(111,185,214,.06),transparent 21%),
    linear-gradient(180deg,transparent,rgba(255,255,255,.015) 38%,transparent 74%)}
  .opera-page-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));margin:0 auto;padding-bottom:120px}
  .opera-hero{min-height:410px;padding:78px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);gap:6vw;align-items:end;position:relative}
  .opera-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
    radial-gradient(circle at 15% 28%,rgba(220,173,91,.16) 0 11%,transparent 32%),
    radial-gradient(circle at 76% 24%,rgba(86,162,189,.14) 0 13%,transparent 33%),
    radial-gradient(circle at 59% 72%,rgba(175,85,131,.12) 0 10%,transparent 28%);
    opacity:1;filter:blur(18px)}
  .opera-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,170,98,.72),rgba(214,170,98,.16) 28%,rgba(78,142,167,.22) 62%,rgba(214,170,98,.32) 100%)}
  .opera-back{appearance:none;border:0;background:none;color:#afa191;padding:0;margin:0 0 22px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;transition:color .22s ease}
  .opera-back:hover{color:#fff3e4}
  .opera-kicker{position:relative;z-index:2;font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#a89988;text-transform:uppercase;margin-bottom:18px}
  .opera-hero h1{position:relative;z-index:2;margin:0;font:400 clamp(62px,8vw,122px)/.9 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.06em;color:#f7efe4;text-shadow:0 0 26px rgba(255,244,222,.04)}
  .opera-hero h1 em{display:block;font-style:normal;color:#d8aa62;margin-left:15%}
  .opera-portal{justify-self:end;align-self:center;width:min(340px,100%);padding:28px 26px;border:1px solid rgba(214,170,98,.16);background:linear-gradient(180deg,rgba(22,24,30,.78),rgba(14,15,20,.58));backdrop-filter:blur(14px);box-shadow:0 24px 72px rgba(0,0,0,.28);position:relative;overflow:hidden}
  .opera-portal:before,.opera-portal:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(26px);opacity:.6}
  .opera-portal:before{width:152px;height:152px;right:-28px;top:-28px;background:radial-gradient(circle,rgba(216,170,98,.42) 0,rgba(216,170,98,0) 68%)}
  .opera-portal:after{width:152px;height:152px;left:-30px;bottom:-34px;background:radial-gradient(circle,rgba(92,175,208,.32) 0,rgba(92,175,208,0) 67%)}
  .opera-portal small{display:block;position:relative;z-index:2;font:8px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c4aa83;margin-bottom:10px}
  .opera-portal h3{position:relative;z-index:2;margin:0 0 12px;font:500 clamp(22px,2.2vw,30px)/1.32 "Noto Serif SC","Songti SC","STSong",serif;color:#fff4e7}
  .opera-portal p{position:relative;z-index:2;margin:0 0 17px;font:12px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#d3c6b8}
  .opera-portal button{position:relative;z-index:2;appearance:none;border:1px solid rgba(214,170,98,.24);background:rgba(255,255,255,.06);padding:11px 15px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;color:#f6ebde;cursor:pointer;transition:background .25s ease,transform .28s ease,border-color .25s ease}
  .opera-portal button:hover{background:rgba(214,170,98,.12);transform:translateY(-2px);border-color:rgba(214,170,98,.4)}

  .opera-acts{padding:42px 0 0;display:grid;gap:42px;position:relative}
  .opera-act{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(280px,.48fr);gap:34px;align-items:stretch;padding:46px 0;position:relative;border-top:1px solid rgba(255,255,255,.08)}
  .opera-act:before{content:"";position:absolute;z-index:-1;left:-12vw;right:-12vw;top:8px;bottom:8px;pointer-events:none;opacity:1;filter:blur(4px)}
  .opera-act.act-1:before{background:radial-gradient(ellipse at 80% 46%,rgba(92,175,208,.14) 0 14%,transparent 40%),radial-gradient(ellipse at 18% 54%,rgba(214,170,98,.12) 0 13%,transparent 35%)}
  .opera-act.act-2:before{background:radial-gradient(ellipse at 80% 44%,rgba(198,86,128,.12) 0 16%,transparent 40%),radial-gradient(ellipse at 25% 65%,rgba(76,155,182,.12) 0 13%,transparent 35%)}
  .opera-act.act-3:before{background:radial-gradient(ellipse at 77% 46%,rgba(114,90,154,.11) 0 14%,transparent 39%),radial-gradient(ellipse at 20% 42%,rgba(214,170,98,.08) 0 12%,transparent 34%)}
  .opera-act.act-4:before{background:radial-gradient(ellipse at 78% 48%,rgba(72,165,203,.18) 0 16%,transparent 40%),radial-gradient(ellipse at 20% 58%,rgba(214,170,98,.12) 0 14%,transparent 35%)}
  .opera-act:first-child{border-top:0;padding-top:8px}
  .opera-act-no{padding-top:6px;font:9px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#c59e61;text-transform:uppercase}
  .opera-act-body h2{margin:0 0 20px;font:500 clamp(28px,3vw,42px)/1.38 "Noto Serif SC","Songti SC","STSong",serif;color:#fbf1e5;letter-spacing:-.02em}
  .opera-act-body p{margin:0 0 13px;max-width:790px;font:13px/2.02 "Noto Serif SC","Songti SC","STSong",serif;color:#d7cabb}
  .opera-act-body .split-lines{margin:0 0 13px;display:grid;gap:2px;font:13px/2.02 "Noto Serif SC","Songti SC","STSong",serif;color:#ddd0c2}
  .opera-act-quote{margin:18px 0;padding:18px 20px 18px 22px;border-left:1px solid rgba(214,170,98,.72);background:rgba(255,255,255,.05);font:500 16px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#fff2e6}
  .opera-act-callouts{display:grid;gap:10px;margin:18px 0 14px}
  .opera-act-callouts span{display:block;font:500 13px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#eadbc7}
  .opera-research-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d8aa63;text-decoration:none}
  .opera-research-link:hover{color:#fff0d8}
  .opera-act-visual{position:relative;min-height:300px;border:1px solid rgba(214,170,98,.14);background:rgba(255,255,255,.03);overflow:hidden;box-shadow:0 22px 72px rgba(0,0,0,.34);isolation:isolate}
  .opera-act-visual:before,.opera-act-visual:after,.opera-act-visual i,.opera-act-visual b{content:"";position:absolute;display:block;pointer-events:none}
  .opera-act-visual span{position:absolute;inset:0;display:block;pointer-events:none}
  .opera-act-visual:before{inset:-8%;filter:blur(4px);opacity:1}
  .opera-act-visual:after{inset:-16%;filter:blur(18px);opacity:.9}
  .opera-act-visual i{inset:auto;opacity:.74}
  .opera-act-visual b{opacity:.68}
  .opera-act-visual span:before,.opera-act-visual span:after{content:"";position:absolute;display:block;pointer-events:none}
  .opera-act.act-1{background:radial-gradient(circle at 18% 40%,rgba(217,164,84,.04),transparent 24%)}
  .opera-act.act-2{background:radial-gradient(circle at 74% 50%,rgba(201,92,132,.05),transparent 28%),radial-gradient(circle at 24% 22%,rgba(82,166,197,.045),transparent 26%)}
  .opera-act.act-3{background:radial-gradient(circle at 62% 44%,rgba(121,87,152,.045),transparent 27%)}
  .opera-act.act-4{background:radial-gradient(circle at 50% 46%,rgba(85,174,205,.08),transparent 28%),radial-gradient(circle at 52% 58%,rgba(214,170,98,.07),transparent 20%)}

  /* ACT 01 · opening / release */
  .opera-act.act-1 .opera-act-visual{background:linear-gradient(145deg,#0d1217 0%,#13202b 42%,#1f1930 100%)}
  .opera-act.act-1 .opera-act-visual:before{background:radial-gradient(circle at 31% 28%,rgba(233,183,86,.82) 0 9%,transparent 28%),radial-gradient(circle at 73% 70%,rgba(87,180,207,.76) 0 14%,transparent 36%),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.12) 42%,transparent 59%)}
  .opera-act.act-1 .opera-act-visual:after{background:repeating-radial-gradient(ellipse at 46% 52%,transparent 0 7%,rgba(255,255,255,.14) 8% 9%,transparent 10% 17%)}
  .opera-act.act-1 .opera-act-visual i{width:62%;aspect-ratio:1;left:2%;top:9%;border:1px solid rgba(255,255,255,.24);border-radius:43% 57% 63% 37% / 38% 42% 58% 62%;transform:rotate(11deg)}
  .opera-act.act-1 .opera-act-visual b{width:1px;height:88%;left:58%;top:5%;background:linear-gradient(transparent,rgba(214,170,98,.65),transparent);transform:rotate(23deg)}
  .opera-act.act-1 .opera-act-visual span:before{width:52%;height:24%;right:4%;bottom:10%;border:1px solid rgba(92,175,208,.36);border-radius:50%;transform:rotate(-18deg)}
  .opera-act.act-1 .opera-act-visual span:after{width:30%;aspect-ratio:1;right:12%;top:14%;border:1px solid rgba(214,170,98,.32);border-radius:50%;transform:rotate(8deg)}

  /* ACT 02 · gathering / convergence */
  .opera-act.act-2 .opera-act-visual{background:linear-gradient(145deg,#120f18 0%,#221826 44%,#10202a 100%)}
  .opera-act.act-2 .opera-act-visual:before{background:radial-gradient(circle at 28% 28%,rgba(214,92,137,.66) 0 11%,transparent 28%),radial-gradient(circle at 66% 38%,rgba(232,186,96,.66) 0 11%,transparent 29%),radial-gradient(circle at 52% 73%,rgba(92,179,207,.72) 0 13%,transparent 34%)}
  .opera-act.act-2 .opera-act-visual:after{background:linear-gradient(132deg,transparent 14%,rgba(255,255,255,.14) 36%,transparent 50%),radial-gradient(ellipse at 54% 55%,rgba(255,255,255,.12),transparent 22%)}
  .opera-act.act-2 .opera-act-visual i{width:52%;height:28%;left:12%;top:22%;border:1px solid rgba(255,255,255,.26);border-radius:50%;transform:rotate(14deg)}
  .opera-act.act-2 .opera-act-visual b{width:46%;height:34%;right:5%;bottom:12%;border:1px solid rgba(92,175,208,.34);border-radius:50%;transform:rotate(-16deg)}
  .opera-act.act-2 .opera-act-visual span:before{width:24%;aspect-ratio:1;left:36%;top:34%;border:1px solid rgba(214,170,98,.34);border-radius:50%}
  .opera-act.act-2 .opera-act-visual span:after{width:68%;height:1px;left:16%;top:51%;background:linear-gradient(90deg,transparent,rgba(214,170,98,.44),transparent);transform:rotate(-10deg)}

  /* ACT 03 · surrender / receding */
  .opera-act.act-3 .opera-act-visual{background:linear-gradient(145deg,#0f1116 0%,#171a22 48%,#142129 100%)}
  .opera-act.act-3 .opera-act-visual:before{background:radial-gradient(circle at 74% 24%,rgba(224,174,94,.54) 0 8%,transparent 25%),radial-gradient(circle at 27% 76%,rgba(100,157,178,.52) 0 10%,transparent 29%),linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 47%,transparent 58%)}
  .opera-act.act-3 .opera-act-visual:after{background:repeating-linear-gradient(128deg,transparent 0 10%,rgba(255,255,255,.12) 11% 12%,transparent 13% 23%)}
  .opera-act.act-3 .opera-act-visual i{width:38%;aspect-ratio:1;right:10%;top:15%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(7deg)}
  .opera-act.act-3 .opera-act-visual b{width:1px;height:72%;left:41%;top:14%;background:linear-gradient(transparent,rgba(214,170,98,.34),transparent);transform:rotate(-19deg)}
  .opera-act.act-3 .opera-act-visual span:before{width:64%;height:18%;left:5%;bottom:16%;border:1px solid rgba(92,175,208,.24);border-radius:50%;transform:rotate(-8deg)}
  .opera-act.act-3 .opera-act-visual span:after{width:22%;aspect-ratio:1;left:8%;top:16%;border:1px solid rgba(214,170,98,.18);border-radius:46% 54% 58% 42% / 40% 44% 56% 60%;transform:rotate(18deg)}

  /* ACT 04 · gravity / resonance */
  .opera-act.act-4 .opera-act-visual{background:linear-gradient(145deg,#090c13 0%,#111924 40%,#132433 100%)}
  .opera-act.act-4 .opera-act-visual:before{background:radial-gradient(circle at 50% 50%,rgba(19,25,38,.88) 0 5%,rgba(233,184,96,.72) 6% 12%,rgba(92,179,209,.64) 13% 21%,transparent 31%),radial-gradient(circle at 50% 50%,transparent 0 31%,rgba(214,170,98,.42) 32% 33%,transparent 34% 44%,rgba(255,255,255,.22) 45% 46%,transparent 47%)}
  .opera-act.act-4 .opera-act-visual:after{background:conic-gradient(from 15deg at 50% 50%,transparent 0 12%,rgba(255,255,255,.18) 13% 15%,transparent 16% 33%,rgba(214,170,98,.28) 34% 36%,transparent 37% 100%)}
  .opera-act.act-4 .opera-act-visual i{width:64%;aspect-ratio:1;left:18%;top:10%;border:1px solid rgba(255,255,255,.24);border-radius:50%}
  .opera-act.act-4 .opera-act-visual b{width:82%;height:1px;left:9%;top:50%;background:linear-gradient(90deg,transparent,rgba(214,170,98,.42),transparent);transform:rotate(17deg)}
  .opera-act.act-4 .opera-act-visual span:before{width:42%;aspect-ratio:1;left:29%;top:21%;border:1px solid rgba(92,175,208,.34);border-radius:50%}
  .opera-act.act-4 .opera-act-visual span:after{width:26%;aspect-ratio:1;left:37%;top:29%;border:1px solid rgba(214,170,98,.34);border-radius:50%}

  .opera-works-page{min-height:100%;background:
    radial-gradient(circle at 12% 12%,rgba(214,170,98,.16),transparent 22%),
    radial-gradient(circle at 90% 18%,rgba(88,167,197,.18),transparent 26%),
    radial-gradient(circle at 42% 62%,rgba(182,76,122,.12),transparent 22%),
    linear-gradient(180deg,#07080b 0%,#0b0c12 100%);
    color:#efe4d5;overflow:hidden}
  .opera-works-shell{width:min(1240px,calc(100% - 64px));margin:0 auto;padding-bottom:112px}
  .opera-works-head{min-height:400px;padding:74px 0 56px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.6fr);gap:6vw;align-items:end;position:relative}
  .opera-works-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,170,98,.62),rgba(88,167,197,.3) 55%,rgba(214,170,98,.28) 100%)}
  .opera-works-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#ab9e91;text-transform:uppercase;margin-bottom:18px}
  .opera-works-head h1{margin:0;font:400 clamp(58px,7.4vw,112px)/.92 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em;color:#fbf1e4}
  .opera-works-head h1 em{display:block;font-style:normal;color:#d8aa63;margin-left:2.05em;padding-right:0;text-align:left;white-space:nowrap;width:max-content}
  .opera-works-copy{max-width:520px;font:13px/2.02 "Noto Serif SC","Songti SC","STSong",serif;color:#d5c8ba;padding-bottom:8px}
  .opera-works-copy p{margin:0 0 14px}
  .opera-visual-note{margin-top:20px!important;font:8px/1.8 Arial,"Noto Serif SC",sans-serif!important;letter-spacing:.07em;color:#8f867d!important;max-width:500px}
  .opera-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:52px}
  .opera-work-card-op{position:relative;display:flex;flex-direction:column;border:1px solid rgba(214,170,98,.12);background:rgba(18,20,26,.72);overflow:hidden;box-shadow:0 18px 58px rgba(0,0,0,.24);min-width:0;transition:transform .34s cubic-bezier(.22,.8,.2,1),box-shadow .34s ease,border-color .28s ease}
  .opera-work-card-op:hover,.opera-work-card-op:focus-within{transform:translateY(-6px);border-color:rgba(214,170,98,.28);box-shadow:0 30px 82px rgba(0,0,0,.34)}
  .opera-work-cover{appearance:none;border:0;background:none;padding:0;display:block;position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;cursor:pointer;color:inherit;text-align:left}
  .opera-work-cover:focus-visible{outline:1px solid rgba(214,170,98,.54);outline-offset:-1px}
  .opera-work-art{position:absolute;inset:-2%;transition:transform .8s cubic-bezier(.22,.8,.2,1),filter .5s ease;overflow:hidden;background-size:cover;background-position:center;filter:saturate(1.02) contrast(1.01)}
  .opera-work-cover:hover .opera-work-art,.opera-work-cover:focus-visible .opera-work-art{transform:scale(1.045);filter:saturate(1.10) contrast(1.025) brightness(1.02)}
  .opera-work-art:before,.opera-work-art:after,.opera-work-art i,.opera-work-art b{content:"";position:absolute;display:block;pointer-events:none;mix-blend-mode:screen}
  .opera-work-art:before{inset:-12%;opacity:.96;filter:blur(8px)}
  .opera-work-art:after{inset:-15%;opacity:.78;filter:blur(18px)}
  .opera-work-art i{border:1px solid rgba(255,255,255,.42);opacity:.52}
  .opera-work-art b{width:1px;height:68%;left:52%;top:16%;background:linear-gradient(transparent,rgba(198,156,97,.58),transparent);transform:rotate(15deg);opacity:.45}
  /* Generated painterly opera covers · visible by default */
  .opera-w1 .opera-work-art{background-image:url("../media/visual-134871048d29.webp")}
  .opera-w2 .opera-work-art{background-image:url("../media/visual-599c41453c65.webp")}
  .opera-w3 .opera-work-art{background-image:url("../media/visual-8bb4d674c244.webp")}
  .opera-w4 .opera-work-art{background-image:url("../media/visual-304bdba5ce9a.webp")}
  .opera-w5 .opera-work-art{background-image:url("../media/visual-c825af91d60a.webp")}
  .opera-w6 .opera-work-art{background-image:url("../media/visual-fd3d33a52261.webp")}
  .opera-w7 .opera-work-art{background-image:url("../media/visual-ac40790528af.webp")}
  .opera-w8 .opera-work-art{background-image:url("../media/visual-1b2d309d4f77.webp")}
  .opera-w9 .opera-work-art{background-image:url("../media/visual-83776495c6e9.webp")}
  .opera-w10 .opera-work-art{background-image:url("../media/visual-ffc161af41af.webp")}
  .opera-w11 .opera-work-art{background-image:url("../media/visual-6d2777217ace.webp")}
  .opera-work-art:before{background:linear-gradient(135deg,rgba(255,250,243,.08),transparent 46%,rgba(213,177,117,.08));opacity:.45;filter:none}
  .opera-work-art:after{background:radial-gradient(circle at 72% 20%,rgba(255,255,255,.18),transparent 25%),linear-gradient(112deg,transparent 22%,rgba(255,255,255,.12) 44%,transparent 60%);opacity:.5;filter:none}
  .opera-work-art i,.opera-work-art b{display:none}
  .opera-work-top{position:absolute;z-index:5;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;gap:12px;font:8px/1.3 Arial,sans-serif;letter-spacing:.13em;color:rgba(255,245,233,.82)}
  .opera-work-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-43%) scale(.9);z-index:5;width:78px;height:78px;border:1px solid rgba(255,245,233,.34);border-radius:50%;display:grid;place-items:center;background:rgba(8,11,16,.36);backdrop-filter:blur(10px);opacity:0;transition:opacity .28s ease,transform .36s cubic-bezier(.22,.8,.2,1),background .28s ease}
  .opera-work-play:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff3df;margin-left:4px}
  .opera-work-cover:hover .opera-work-play,.opera-work-cover:focus-visible .opera-work-play{opacity:1;transform:translate(-50%,-50%) scale(1);background:rgba(214,170,98,.18)}
  .opera-work-word{position:absolute;left:18px;bottom:18px;z-index:5;font:8px/1 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:rgba(255,241,226,.74)}
  .opera-work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px 18px 18px;background:rgba(255,255,255,.03)}
  .opera-work-caption h2{margin:0;font:500 clamp(17px,1.7vw,24px)/1.4 "Noto Serif SC","Songti SC","STSong",serif;color:#fff2e6}
  .opera-work-caption span{padding-top:6px;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:#aea294;white-space:nowrap}
  .opera-work-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 18px;background:rgba(255,255,255,.03)}
  .opera-work-actions button{appearance:none;border:1px solid rgba(214,170,98,.18);background:rgba(255,255,255,.04);padding:10px 12px;font:8px/1 Arial,sans-serif;letter-spacing:.12em;color:#f2e7d9;cursor:pointer;transition:background .22s ease,border-color .22s ease}
  .opera-work-actions button:hover{background:rgba(214,170,98,.14);border-color:rgba(214,170,98,.32)}
  .opera-work-actions .ghost{background:transparent;color:#aea294}
  .opera-live-block{padding-top:64px}

  @media(max-width:980px){
    .opera-page-shell,.opera-works-shell{width:min(100% - 40px,1120px)}
    .opera-hero,.opera-works-head{min-height:340px;padding:60px 0 52px;grid-template-columns:1fr;gap:32px;align-items:start}
    .opera-hero h1,.opera-works-head h1{font-size:clamp(58px,11vw,104px)}
    .opera-works-copy{max-width:780px}
    .opera-portal{justify-self:start}
    .opera-act{grid-template-columns:58px minmax(0,1fr);gap:18px}
    .opera-act-visual{grid-column:2;min-height:240px}
    .opera-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:700px){
    .opera-page-shell,.opera-works-shell{width:calc(100% - 30px);padding-bottom:88px}
    .opera-hero,.opera-works-head{min-height:auto;padding:48px 0 42px;gap:24px}
    .opera-back{margin-bottom:18px;font-size:8px}
    .opera-kicker,.opera-works-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:17px}
    .opera-hero h1,.opera-works-head h1{font-size:clamp(50px,16vw,76px)}
    .opera-hero h1 em{margin-left:10%;white-space:normal}.opera-works-head h1 em{margin-left:2.1em;padding-right:0;text-align:left;white-space:normal;width:max-content}
    .opera-works-copy{font-size:12px;line-height:1.92}
    .opera-portal{width:100%;padding:22px 18px}
    .opera-portal h3{font-size:22px}
    .opera-portal p{font-size:11px;line-height:1.85}
    .opera-acts{gap:26px;padding-top:26px}
    .opera-act{grid-template-columns:1fr;gap:14px;padding:28px 0}
    .opera-act-no{padding-top:0}
    .opera-act-body h2{font-size:25px;margin-bottom:16px}
    .opera-act-body p,.opera-act-body .split-lines{font-size:12px;line-height:1.9}
    .opera-act-quote{padding:15px 16px 15px 18px;font-size:14px;line-height:1.85}
    .opera-act-visual{min-height:210px}
    .opera-works-grid{grid-template-columns:1fr;gap:22px;padding-top:36px}
    .opera-work-play{opacity:1;transform:translate(-50%,-50%) scale(1);width:64px;height:64px}
    .opera-work-play:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
  }
  @media(hover:none){.opera-work-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.opera-portal button,.opera-work-card-op,.opera-work-art,.opera-work-play{transition:none!important}}

  .sound-detail-shell{padding:65px 0 30px}
  .sound-detail-title{margin:0 0 12px;font:500 clamp(36px,4.8vw,66px)/1.15 "Noto Serif SC","Songti SC","STSong",serif}
  .sound-detail-meta{font:10px/1.7 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:#877a6b;margin-bottom:35px}
  .sound-detail-source{max-width:920px;margin-top:36px;padding-top:34px;border-top:1px solid rgba(39,36,32,.14)}
  .sound-detail-source h1{display:none}
  .sound-detail-source h2,.sound-detail-source h3{font:500 22px/1.55 "Noto Serif SC","Songti SC","STSong",serif;margin:32px 0 12px}
  .sound-detail-source p,.sound-detail-source blockquote,.sound-detail-source div{font:13px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#5e574f}
  .sound-detail-source blockquote{margin:20px 0;padding:5px 0 5px 20px;border-left:1px solid #ad8040;color:#3f3933}
  .sound-detail-source .source-player-button{display:block;margin:12px 0 14px;appearance:none;border:1px solid rgba(39,36,32,.18);background:#292622;color:#f5efe6;padding:11px 14px;font:9px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.09em;cursor:pointer}
  .sound-detail-source a{color:#866337;text-decoration:none}
  .sound-detail-loading{font:12px/1.9 "Noto Serif SC",serif;color:#756c62}
  .sound-detail-error{padding:20px;border:1px solid rgba(161,116,55,.3);font:12px/1.9 "Noto Serif SC",serif;color:#665c50;background:rgba(255,255,255,.25)}

  .sound-player{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(150px,360px) auto;gap:14px;align-items:center;padding:11px clamp(18px,3vw,44px);border-top:1px solid rgba(39,36,32,.17);background:rgba(38,35,31,.96);color:#f2ece3;transform:translateY(110%);transition:transform .35s ease;z-index:7}
  .sound-player.is-active{transform:translateY(0)}
  .sound-player button{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#f2ece3;width:34px;height:34px;border-radius:50%;cursor:pointer}
  .sound-player-copy{min-width:0}
  .sound-player-title{font:12px/1.35 "Noto Serif SC","Songti SC",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sound-player-sub{margin-top:2px;font:8px/1.25 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(242,236,227,.56);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sound-player-progress{display:flex;align-items:center;gap:9px}
  .sound-player-progress input{width:100%;accent-color:#c39a5d;cursor:pointer}
  .sound-player-time{font:8px/1 Arial,sans-serif;color:rgba(242,236,227,.65);white-space:nowrap}
  .sound-player-close{font-size:14px!important;border:0!important;width:26px!important;height:26px!important}

  @media(max-width:980px){
    .sound-topbar{grid-template-columns:1fr auto}.sound-section-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto}.sound-top-actions{grid-column:2;grid-row:1}.sound-wrap{width:min(100% - 36px,1180px)}
    .sound-hero{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:70px}.sound-hero-copy{max-width:720px}.sound-intro-band{grid-template-columns:1fr;gap:25px}
    .sound-branch:nth-child(n){grid-column:auto;min-height:0}.sound-branch{grid-template-columns:60px minmax(190px,.8fr) minmax(0,1.25fr);gap:20px 25px;align-items:start}.sound-branch-no{grid-column:1;grid-row:1/3}.sound-branch h3{grid-column:2;grid-row:1/3}.sound-branch p{grid-column:3;grid-row:1}.sound-branch-go{grid-column:3;grid-row:2;justify-self:start;margin-top:4px}
    .sound-stage-row{grid-template-columns:55px minmax(160px,.55fr) minmax(0,1fr);gap:18px}
  }
  @media(max-width:700px){
    .sound-topbar{padding:12px 16px 10px;gap:10px}.sound-top-brand{font-size:9px}.sound-top-brand small{margin-top:3px;font-size:7px;letter-spacing:.06em}.sound-top-actions{gap:10px}.sound-top-actions button{font-size:9px}.sound-section-nav{margin:0 -2px;padding:3px}.sound-section-nav button{font-size:8px;padding:8px 9px}
    .sound-wrap{width:calc(100% - 30px)}.sound-view{padding-bottom:94px}
    .sound-hero{padding:58px 0 46px}.sound-hero:before{width:78vw;height:78vw;left:-36vw}.sound-kicker{font-size:8px;margin-bottom:15px}.sound-hero h1{font-size:clamp(46px,15vw,68px)}.sound-hero h1 em{margin-left:8%}.sound-hero-copy{font-size:12px;line-height:1.9}.sound-pathline{font-size:9px;line-height:2}
    .sound-intro-band{padding:42px 0 38px;grid-template-columns:1fr;gap:22px}.sound-intro-band h2{font-size:25px}.sound-intro-band .sound-prose{font-size:12px;line-height:1.95}
    .sound-branch-grid{padding:42px 0 18px;display:block}.sound-branch{grid-template-columns:42px minmax(0,1fr);gap:9px 16px;min-height:0!important;margin:0;padding:23px 2px 24px}.sound-branch:hover{padding-left:8px;padding-right:8px}.sound-branch-no{grid-row:1/3;padding-top:6px}.sound-branch h3{grid-column:2;font-size:23px;margin:0}.sound-branch p{grid-column:2;font-size:11px;line-height:1.85}.sound-branch-go{grid-column:2;justify-self:start;margin-top:8px;font-size:8px}
    .sound-pagehead{padding:52px 0 35px;grid-template-columns:1fr;gap:20px}.sound-pagehead h1{font-size:38px}.sound-pagehead p{font-size:12px;line-height:1.9}.sound-backline{margin-bottom:16px}
    .sound-section{padding:42px 0}.sound-section h2{font-size:27px}.sound-prose{font-size:12px;line-height:1.95}.sound-callout{font-size:14px;padding:20px}
    .sound-stage-list{display:block;border:0;background:transparent}.sound-stage-row{display:block;padding:25px 20px;margin-bottom:1px}.sound-stage-index{margin-bottom:14px}.sound-stage-row h3{font-size:22px;margin-bottom:16px}.sound-stage-row .stage-statement{font-size:13px}
    .sound-work-card{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:20px 15px}.sound-work-actions{grid-column:2;justify-content:flex-start;margin-top:5px}.sound-work-main h3{font-size:17px}.sound-work-actions button{font-size:8px;padding:9px}
    .narrative-intro{padding:44px 0 52px;grid-template-columns:1fr;gap:20px}.narrative-intro-copy{font-size:12px;line-height:1.95}
    .narrative-stream-section{padding:56px 0 86px}.narrative-stream{padding:12px 0 24px}.narrative-stream:before,.narrative-stream:after{left:18px}
    .narrative-story-item{min-height:225px;display:block;padding:54px 0 46px 52px}
    .narrative-story-item:nth-child(odd) .narrative-story-panel,.narrative-story-item:nth-child(even) .narrative-story-panel{padding:0;text-align:left}
    .narrative-story-item:nth-child(odd) .narrative-story-meta{justify-content:flex-start}
    .narrative-story-panel h2{font-size:clamp(31px,10.5vw,45px)}
    .narrative-story-anchor{left:18px;top:74px;width:17px;height:17px}.narrative-story-anchor span{width:4px;height:4px}
    .narrative-story-actions{opacity:1;transform:none;margin-top:18px}.narrative-stream-continuation{align-items:flex-start;margin-left:14px}.narrative-stream-continuation:before{margin-left:0}
    .sound-video-grid{grid-template-columns:1fr}.sound-opera-topic{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:29px 0}.sound-opera-topic h3{font-size:23px}.sound-opera-topic p{font-size:12px;line-height:1.9}
    .sound-detail-shell{padding:48px 0 20px}.sound-detail-title{font-size:36px}.sound-detail-source{margin-top:25px;padding-top:25px}.sound-detail-source p,.sound-detail-source blockquote,.sound-detail-source div{font-size:12px;line-height:1.9}
    .sound-player{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px;gap:10px}.sound-player-progress{grid-column:1/-1;grid-row:2}.sound-player button{width:32px;height:32px}.sound-player-close{grid-column:3;grid-row:1}.sound-player-sub{font-size:7px}
  }
  @media(hover:none){.narrative-story-actions{opacity:1;transform:none}.narrative-story-panel{opacity:.86}}
  @media(prefers-reduced-motion:reduce){.sound-chapter,.sound-branch,.sound-player,.narrative-story-panel,.narrative-story-actions{transition:none}}

  /* Narrative gallery responsive behavior */
  @media(max-width:980px){
    .narrative-gallery-shell{width:min(100% - 40px,1120px)}
    .narrative-gallery-head{min-height:360px;padding:62px 0 52px;grid-template-columns:1fr;gap:36px;align-items:start}
    .narrative-gallery-head h1{font-size:clamp(62px,11vw,104px)}
    .narrative-gallery-copy{max-width:760px}
    .narrative-gallery-section{padding-top:58px}
    .narrative-gallery-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px}
    .narrative-tile:nth-child(n){grid-column:span 4;margin-top:0}
    .narrative-tile:nth-child(4n+2),.narrative-tile:nth-child(4n+4){margin-top:7vw}
  }
  @media(max-width:700px){
    .narrative-gallery-shell{width:calc(100% - 30px);padding-bottom:84px}
    .narrative-gallery-head{min-height:auto;padding:48px 0 42px;gap:28px}
    .narrative-gallery-back{margin-bottom:18px;font-size:8px}
    .narrative-gallery-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:17px}
    .narrative-gallery-head h1{font-size:clamp(52px,17vw,78px)}
    .narrative-gallery-head h1 em{margin-left:12%}
    .narrative-gallery-copy{font-size:12px;line-height:1.92}
    .narrative-gallery-copy .lead{font-size:13px}
    .narrative-gallery-section{padding-top:42px}
    .narrative-gallery-toolbar{margin-bottom:24px;font-size:7px;letter-spacing:.13em}
    .narrative-gallery-grid{display:block}
    .narrative-tile:nth-child(n){margin:0 0 38px}
    .narrative-cover-button{aspect-ratio:1}
    .narrative-cover-play{opacity:1;width:62px;height:62px;background:rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(1)}
    .narrative-cover-play:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
    .narrative-caption{padding-top:11px}
    .narrative-caption h2{font-size:19px}
  }
  @media(hover:none){.narrative-cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.narrative-cover-button,.narrative-cover-art,.narrative-cover-shape,.narrative-cover-play{transition:none!important}}

  /* VOICE ARCHIVE · black vault / sound traces */
  .sound-chapter.archive-mode{background:#060709;color:#f2eee6}
  .sound-chapter.archive-mode .sound-topbar{background:rgba(6,7,9,.92);border-bottom-color:rgba(255,255,255,.10);box-shadow:none}
  .sound-chapter.archive-mode .sound-top-brand{color:rgba(255,255,255,.78)}
  .sound-chapter.archive-mode .sound-top-brand small{color:rgba(255,255,255,.46)}
  .sound-chapter.archive-mode .sound-section-nav{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.11)}
  .sound-chapter.archive-mode .sound-section-nav button{color:rgba(255,255,255,.62)}
  .sound-chapter.archive-mode .sound-section-nav button:hover{background:rgba(255,255,255,.09);color:#fff}
  .sound-chapter.archive-mode .sound-section-nav button.is-current{background:#f0ece4;color:#0d0d0d}
  .sound-chapter.archive-mode .sound-top-actions button{color:rgba(255,255,255,.7)}
  .sound-chapter.archive-mode .sound-top-actions button:hover{color:#fff}
  .sound-view.is-archive-vault{padding-bottom:0;background:#060709;color:#f2eee6}
  .archive-page{min-height:100%;background:
    radial-gradient(circle at 13% 10%,rgba(215,170,98,.08),transparent 18%),
    radial-gradient(circle at 86% 16%,rgba(113,176,212,.08),transparent 19%),
    linear-gradient(180deg,#060709 0%,#090b0e 38%,#060709 100%);
    color:#f2eee6;overflow:hidden}
  .archive-shell{width:min(1260px,calc(100% - 64px));margin:0 auto;padding-bottom:110px}
  .archive-head{min-height:410px;padding:78px 0 58px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(280px,.72fr);gap:8vw;align-items:end;border-bottom:1px solid rgba(255,255,255,.11);position:relative}
  .archive-head:before{content:"";position:absolute;left:-4%;top:11%;width:42%;height:72%;background:radial-gradient(circle at 40% 40%,rgba(212,169,99,.08),transparent 45%);filter:blur(12px);pointer-events:none}
  .archive-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,170,98,.42),rgba(255,255,255,.08) 35%,rgba(97,172,210,.22) 78%,rgba(214,170,98,.16) 100%)}
  .archive-back{appearance:none;border:0;background:none;color:rgba(255,255,255,.56);padding:0;margin:0 0 24px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;transition:color .22s ease}
  .archive-back:hover{color:#fff}
  .archive-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.45);text-transform:uppercase;margin-bottom:22px}
  .archive-head h1{margin:0;font:400 clamp(58px,7.7vw,114px)/.92 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em;color:#f6f3ed}
  .archive-head h1 em{display:block;font-style:normal;color:#d0a561;margin-left:14%}
  .archive-copy{max-width:520px;padding-bottom:8px;font:13px/2.02 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(255,255,255,.62)}
  .archive-copy p{margin:0 0 14px}
  .archive-copy .archive-note{font-size:11px;line-height:1.9;color:rgba(255,255,255,.38)}
  .archive-section{padding:64px 0 8px}
  .archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;font:8px/1.5 Arial,"Noto Serif SC",sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.38);text-transform:uppercase}
  .archive-toolbar .count{letter-spacing:.12em;color:rgba(255,255,255,.56)}
  .archive-list{display:grid;gap:10px}
  .archive-row{position:relative;display:grid;grid-template-columns:72px minmax(170px,.42fr) 104px minmax(280px,1fr) auto;gap:24px;align-items:center;padding:18px 18px 18px 22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));overflow:hidden;transition:transform .28s ease,border-color .25s ease,background .25s ease,box-shadow .28s ease}
  .archive-row:hover,.archive-row:focus-within{transform:translateY(-2px);border-color:rgba(214,170,98,.24);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));box-shadow:0 18px 48px rgba(0,0,0,.24)}
  .archive-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(214,170,98,.6),transparent);opacity:.7}
  .archive-no{font:9px/1 Arial,sans-serif;letter-spacing:.16em;color:#c49a59;white-space:nowrap}
  .archive-title h3{margin:0;font:500 clamp(18px,1.9vw,25px)/1.45 "Noto Serif SC","Songti SC","STSong",serif;color:#f7f4ee}
  .archive-date{font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.10em;color:rgba(255,255,255,.42);white-space:nowrap}
  .archive-trace{position:relative;height:68px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.03);background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.01) 42%,rgba(214,170,98,.03));overflow:hidden}
  .archive-trace:before,.archive-trace:after,.archive-trace i,.archive-trace b{content:"";position:absolute;display:block;pointer-events:none}
  .archive-trace:before{left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03));transform:translateY(-50%)}
  .archive-trace:after{left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.028),transparent);opacity:.6}
  .archive-row:hover .archive-trace:after{opacity:1}
  .archive-trace i{left:4%;right:3%;top:14%;bottom:14%;opacity:.96}
  .archive-trace b{left:0;right:0;top:0;bottom:0;opacity:.55}
  .archive-pattern-1 i{background:radial-gradient(circle at 16% 52%,rgba(214,170,98,.92) 0 3px,transparent 4px),linear-gradient(102deg,transparent 8%,rgba(214,170,98,.58) 11%,rgba(98,173,210,.72) 26%,rgba(214,170,98,.3) 39%,transparent 52%),radial-gradient(circle at 74% 46%,rgba(96,171,209,.85) 0 4px,transparent 5px)}
  .archive-pattern-1 b{background:repeating-linear-gradient(116deg,transparent 0 14%,rgba(255,255,255,.08) 15% 16%,transparent 17% 31%)}
  .archive-pattern-2 i{background:radial-gradient(circle at 22% 48%,rgba(255,255,255,.14) 0 10px,transparent 11px),radial-gradient(circle at 52% 48%,rgba(214,170,98,.88) 0 3px,transparent 4px),radial-gradient(circle at 82% 48%,rgba(96,171,209,.82) 0 3px,transparent 4px),linear-gradient(90deg,transparent 6%,rgba(214,170,98,.3) 18%,rgba(96,171,209,.55) 54%,rgba(214,170,98,.28) 84%,transparent 95%)}
  .archive-pattern-2 b{background:radial-gradient(ellipse at 30% 50%,rgba(214,170,98,.16),transparent 20%),radial-gradient(ellipse at 72% 50%,rgba(96,171,209,.16),transparent 20%)}
  .archive-pattern-3 i{background:conic-gradient(from 180deg at 14% 50%,transparent 0 25%,rgba(214,170,98,.48) 28% 33%,transparent 37% 100%),linear-gradient(98deg,transparent 10%,rgba(96,171,209,.66) 26%,rgba(214,170,98,.2) 44%,transparent 60%),radial-gradient(circle at 68% 46%,rgba(255,255,255,.18) 0 7px,transparent 8px)}
  .archive-pattern-3 b{background:radial-gradient(circle at 68% 50%,rgba(96,171,209,.16),transparent 18%)}
  .archive-pattern-4 i{background:radial-gradient(circle at 12% 50%,rgba(214,170,98,.85) 0 4px,transparent 5px),radial-gradient(circle at 44% 50%,rgba(96,171,209,.82) 0 4px,transparent 5px),radial-gradient(circle at 78% 50%,rgba(214,170,98,.72) 0 4px,transparent 5px),linear-gradient(90deg,transparent 8%,rgba(255,255,255,.10) 28%,rgba(255,255,255,.02) 60%,transparent 86%)}
  .archive-pattern-4 b{background:repeating-radial-gradient(circle at 44% 50%,transparent 0 8%,rgba(255,255,255,.08) 9% 10%,transparent 11% 17%)}
  .archive-pattern-5 i{background:linear-gradient(105deg,transparent 8%,rgba(214,170,98,.38) 20%,transparent 33%),linear-gradient(77deg,transparent 28%,rgba(96,171,209,.74) 44%,rgba(214,170,98,.26) 57%,transparent 69%),radial-gradient(circle at 88% 50%,rgba(255,255,255,.16) 0 7px,transparent 8px)}
  .archive-pattern-5 b{background:radial-gradient(ellipse at 52% 50%,rgba(96,171,209,.14),transparent 22%)}
  .archive-pattern-6 i{background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.08) 19%,transparent 28%),linear-gradient(110deg,transparent 20%,rgba(214,170,98,.62) 33%,rgba(96,171,209,.55) 50%,transparent 68%),radial-gradient(circle at 60% 48%,rgba(214,170,98,.82) 0 3px,transparent 4px)}
  .archive-pattern-6 b{background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 34%,rgba(255,255,255,.02) 66%,transparent)}
  .archive-actions{display:flex;justify-content:flex-end}
  .archive-actions button{appearance:none;border:1px solid rgba(214,170,98,.18);background:rgba(255,255,255,.03);color:#f0e5d7;padding:10px 14px;font:8px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.13em;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}
  .archive-actions button:hover{background:rgba(214,170,98,.14);border-color:rgba(214,170,98,.34);transform:translateY(-1px)}
  .archive-video-section{padding:74px 0 0}
  .archive-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .archive-video-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:18px 18px 20px;box-shadow:0 14px 36px rgba(0,0,0,.16)}
  .archive-video-card video{width:100%;aspect-ratio:16/9;display:block;background:#000;margin-bottom:16px}
  .archive-video-card h3{margin:0 0 8px;font:500 22px/1.45 "Noto Serif SC","Songti SC","STSong",serif;color:#f5f1ea}
  .archive-video-card p{margin:0 0 8px;font:12px/1.85 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(255,255,255,.60)}
  .archive-video-card p:last-child{margin-bottom:0}

  @media(max-width:980px){
    .opera-page-shell,.opera-works-shell{width:min(100% - 40px,1120px)}
    .opera-hero,.opera-works-head{min-height:340px;padding:60px 0 52px;grid-template-columns:1fr;gap:32px;align-items:start}
    .opera-hero h1,.opera-works-head h1{font-size:clamp(58px,11vw,104px)}
    .opera-works-copy{max-width:780px}
    .opera-portal{justify-self:start}
    .opera-act{grid-template-columns:58px minmax(0,1fr);gap:18px}
    .opera-act-visual{grid-column:2;min-height:240px}
    .opera-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:700px){
    .opera-page-shell,.opera-works-shell{width:calc(100% - 30px);padding-bottom:88px}
    .opera-hero,.opera-works-head{min-height:auto;padding:48px 0 42px;gap:24px}
    .opera-back{margin-bottom:18px;font-size:8px}
    .opera-kicker,.opera-works-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:17px}
    .opera-hero h1,.opera-works-head h1{font-size:clamp(50px,16vw,76px)}
    .opera-hero h1 em{margin-left:10%;white-space:normal}.opera-works-head h1 em{margin-left:2.1em;padding-right:0;text-align:left;white-space:normal;width:max-content}
    .opera-works-copy{font-size:12px;line-height:1.92}
    .opera-portal{width:100%;padding:22px 18px}
    .opera-portal h3{font-size:22px}
    .opera-portal p{font-size:11px;line-height:1.85}
    .opera-acts{gap:26px;padding-top:26px}
    .opera-act{grid-template-columns:1fr;gap:14px;padding:28px 0}
    .opera-act-no{padding-top:0}
    .opera-act-body h2{font-size:25px;margin-bottom:16px}
    .opera-act-body p,.opera-act-body .split-lines{font-size:12px;line-height:1.9}
    .opera-act-quote{padding:15px 16px 15px 18px;font-size:14px;line-height:1.85}
    .opera-act-visual{min-height:210px}
    .opera-works-grid{grid-template-columns:1fr;gap:22px;padding-top:36px}
    .opera-work-play{opacity:1;transform:translate(-50%,-50%) scale(1);width:64px;height:64px}
    .opera-work-play:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
  }
  @media(hover:none){.opera-work-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.opera-portal button,.opera-work-card-op,.opera-work-art,.opera-work-play{transition:none!important}}

  .sound-detail-shell{padding:65px 0 30px}
  .sound-detail-title{margin:0 0 12px;font:500 clamp(36px,4.8vw,66px)/1.15 "Noto Serif SC","Songti SC","STSong",serif}
  .sound-detail-meta{font:10px/1.7 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:#877a6b;margin-bottom:35px}
  .sound-detail-source{max-width:920px;margin-top:36px;padding-top:34px;border-top:1px solid rgba(39,36,32,.14)}
  .sound-detail-source h1{display:none}
  .sound-detail-source h2,.sound-detail-source h3{font:500 22px/1.55 "Noto Serif SC","Songti SC","STSong",serif;margin:32px 0 12px}
  .sound-detail-source p,.sound-detail-source blockquote,.sound-detail-source div{font:13px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#5e574f}
  .sound-detail-source blockquote{margin:20px 0;padding:5px 0 5px 20px;border-left:1px solid #ad8040;color:#3f3933}
  .sound-detail-source .source-player-button{display:block;margin:12px 0 14px;appearance:none;border:1px solid rgba(39,36,32,.18);background:#292622;color:#f5efe6;padding:11px 14px;font:9px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.09em;cursor:pointer}
  .sound-detail-source a{color:#866337;text-decoration:none}
  .sound-detail-loading{font:12px/1.9 "Noto Serif SC",serif;color:#756c62}
  .sound-detail-error{padding:20px;border:1px solid rgba(161,116,55,.3);font:12px/1.9 "Noto Serif SC",serif;color:#665c50;background:rgba(255,255,255,.25)}

  .sound-player{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(150px,360px) auto;gap:14px;align-items:center;padding:11px clamp(18px,3vw,44px);border-top:1px solid rgba(39,36,32,.17);background:rgba(38,35,31,.96);color:#f2ece3;transform:translateY(110%);transition:transform .35s ease;z-index:7}
  .sound-player.is-active{transform:translateY(0)}
  .sound-player button{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#f2ece3;width:34px;height:34px;border-radius:50%;cursor:pointer}
  .sound-player-copy{min-width:0}
  .sound-player-title{font:12px/1.35 "Noto Serif SC","Songti SC",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sound-player-sub{margin-top:2px;font:8px/1.25 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(242,236,227,.56);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sound-player-progress{display:flex;align-items:center;gap:9px}
  .sound-player-progress input{width:100%;accent-color:#c39a5d;cursor:pointer}
  .sound-player-time{font:8px/1 Arial,sans-serif;color:rgba(242,236,227,.65);white-space:nowrap}
  .sound-player-close{font-size:14px!important;border:0!important;width:26px!important;height:26px!important}

  @media(max-width:1040px){
    .archive-shell{width:min(100%,calc(100% - 40px))}
    .archive-head{grid-template-columns:1fr;gap:34px;min-height:auto;padding:62px 0 52px}
    .archive-row{grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:start}
    .archive-date{grid-column:2;white-space:normal}
    .archive-trace{grid-column:2 / span 2;height:56px}
    .archive-actions{grid-column:3;grid-row:1 / span 2;align-self:center}
    .archive-video-grid{grid-template-columns:1fr}
  }
  @media(max-width:720px){
    .archive-shell{width:min(100%,calc(100% - 28px))}
    .archive-head h1{font-size:clamp(52px,14vw,80px)}
    .archive-copy{font-size:12px;line-height:1.92}
    .archive-toolbar{display:block;margin-bottom:20px}.archive-toolbar .count{display:block;margin-top:7px}
    .archive-row{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:15px 14px 15px 16px}
    .archive-title h3{font-size:18px}
    .archive-date{grid-column:2;font-size:8px}
    .archive-trace{grid-column:1 / -1;height:50px;margin-top:2px}
    .archive-actions{grid-column:2;justify-content:flex-start}
    .archive-actions button{padding:9px 12px}
    .archive-video-card h3{font-size:20px}
    .archive-video-card p{font-size:11px}
  }

  @media(max-width:980px){
    .sound-topbar{grid-template-columns:1fr auto}.sound-section-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto}.sound-top-actions{grid-column:2;grid-row:1}.sound-wrap{width:min(100% - 36px,1180px)}
    .sound-hero{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:70px}.sound-hero-copy{max-width:720px}.sound-intro-band{grid-template-columns:1fr;gap:25px}
    .sound-branch:nth-child(n){grid-column:auto;min-height:0}.sound-branch{grid-template-columns:60px minmax(190px,.8fr) minmax(0,1.25fr);gap:20px 25px;align-items:start}.sound-branch-no{grid-column:1;grid-row:1/3}.sound-branch h3{grid-column:2;grid-row:1/3}.sound-branch p{grid-column:3;grid-row:1}.sound-branch-go{grid-column:3;grid-row:2;justify-self:start;margin-top:4px}
    .sound-stage-row{grid-template-columns:55px minmax(160px,.55fr) minmax(0,1fr);gap:18px}
  }
  @media(max-width:700px){
    .sound-topbar{padding:12px 16px 10px;gap:10px}.sound-top-brand{font-size:9px}.sound-top-brand small{margin-top:3px;font-size:7px;letter-spacing:.06em}.sound-top-actions{gap:10px}.sound-top-actions button{font-size:9px}.sound-section-nav{margin:0 -2px;padding:3px}.sound-section-nav button{font-size:8px;padding:8px 9px}
    .sound-wrap{width:calc(100% - 30px)}.sound-view{padding-bottom:94px}
    .sound-hero{padding:58px 0 46px}.sound-hero:before{width:78vw;height:78vw;left:-36vw}.sound-kicker{font-size:8px;margin-bottom:15px}.sound-hero h1{font-size:clamp(46px,15vw,68px)}.sound-hero h1 em{margin-left:8%}.sound-hero-copy{font-size:12px;line-height:1.9}.sound-pathline{font-size:9px;line-height:2}
    .sound-intro-band{padding:42px 0 38px;grid-template-columns:1fr;gap:22px}.sound-intro-band h2{font-size:25px}.sound-intro-band .sound-prose{font-size:12px;line-height:1.95}
    .sound-branch-grid{padding:42px 0 18px;display:block}.sound-branch{grid-template-columns:42px minmax(0,1fr);gap:9px 16px;min-height:0!important;margin:0;padding:23px 2px 24px}.sound-branch:hover{padding-left:8px;padding-right:8px}.sound-branch-no{grid-row:1/3;padding-top:6px}.sound-branch h3{grid-column:2;font-size:23px;margin:0}.sound-branch p{grid-column:2;font-size:11px;line-height:1.85}.sound-branch-go{grid-column:2;justify-self:start;margin-top:8px;font-size:8px}
    .sound-pagehead{padding:52px 0 35px;grid-template-columns:1fr;gap:20px}.sound-pagehead h1{font-size:38px}.sound-pagehead p{font-size:12px;line-height:1.9}.sound-backline{margin-bottom:16px}
    .sound-section{padding:42px 0}.sound-section h2{font-size:27px}.sound-prose{font-size:12px;line-height:1.95}.sound-callout{font-size:14px;padding:20px}
    .sound-stage-list{display:block;border:0;background:transparent}.sound-stage-row{display:block;padding:25px 20px;margin-bottom:1px}.sound-stage-index{margin-bottom:14px}.sound-stage-row h3{font-size:22px;margin-bottom:16px}.sound-stage-row .stage-statement{font-size:13px}
    .sound-work-card{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:20px 15px}.sound-work-actions{grid-column:2;justify-content:flex-start;margin-top:5px}.sound-work-main h3{font-size:17px}.sound-work-actions button{font-size:8px;padding:9px}
    .narrative-intro{padding:44px 0 52px;grid-template-columns:1fr;gap:20px}.narrative-intro-copy{font-size:12px;line-height:1.95}
    .narrative-stream-section{padding:56px 0 86px}.narrative-stream{padding:12px 0 24px}.narrative-stream:before,.narrative-stream:after{left:18px}
    .narrative-story-item{min-height:225px;display:block;padding:54px 0 46px 52px}
    .narrative-story-item:nth-child(odd) .narrative-story-panel,.narrative-story-item:nth-child(even) .narrative-story-panel{padding:0;text-align:left}
    .narrative-story-item:nth-child(odd) .narrative-story-meta{justify-content:flex-start}
    .narrative-story-panel h2{font-size:clamp(31px,10.5vw,45px)}
    .narrative-story-anchor{left:18px;top:74px;width:17px;height:17px}.narrative-story-anchor span{width:4px;height:4px}
    .narrative-story-actions{opacity:1;transform:none;margin-top:18px}.narrative-stream-continuation{align-items:flex-start;margin-left:14px}.narrative-stream-continuation:before{margin-left:0}
    .sound-video-grid{grid-template-columns:1fr}.sound-opera-topic{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:29px 0}.sound-opera-topic h3{font-size:23px}.sound-opera-topic p{font-size:12px;line-height:1.9}
    .sound-detail-shell{padding:48px 0 20px}.sound-detail-title{font-size:36px}.sound-detail-source{margin-top:25px;padding-top:25px}.sound-detail-source p,.sound-detail-source blockquote,.sound-detail-source div{font-size:12px;line-height:1.9}
    .sound-player{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px;gap:10px}.sound-player-progress{grid-column:1/-1;grid-row:2}.sound-player button{width:32px;height:32px}.sound-player-close{grid-column:3;grid-row:1}.sound-player-sub{font-size:7px}
  }
  @media(hover:none){.narrative-story-actions{opacity:1;transform:none}.narrative-story-panel{opacity:.86}}
  @media(prefers-reduced-motion:reduce){.sound-chapter,.sound-branch,.sound-player,.narrative-story-panel,.narrative-story-actions{transition:none}}

  /* Narrative gallery responsive behavior */
  @media(max-width:980px){
    .narrative-gallery-shell{width:min(100% - 40px,1120px)}
    .narrative-gallery-head{min-height:360px;padding:62px 0 52px;grid-template-columns:1fr;gap:36px;align-items:start}
    .narrative-gallery-head h1{font-size:clamp(62px,11vw,104px)}
    .narrative-gallery-copy{max-width:760px}
    .narrative-gallery-section{padding-top:58px}
    .narrative-gallery-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px}
    .narrative-tile:nth-child(n){grid-column:span 4;margin-top:0}
    .narrative-tile:nth-child(4n+2),.narrative-tile:nth-child(4n+4){margin-top:7vw}
  }
  @media(max-width:700px){
    .narrative-gallery-shell{width:calc(100% - 30px);padding-bottom:84px}
    .narrative-gallery-head{min-height:auto;padding:48px 0 42px;gap:28px}
    .narrative-gallery-back{margin-bottom:18px;font-size:8px}
    .narrative-gallery-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:17px}
    .narrative-gallery-head h1{font-size:clamp(52px,17vw,78px)}
    .narrative-gallery-head h1 em{margin-left:12%}
    .narrative-gallery-copy{font-size:12px;line-height:1.92}
    .narrative-gallery-copy .lead{font-size:13px}
    .narrative-gallery-section{padding-top:42px}
    .narrative-gallery-toolbar{margin-bottom:24px;font-size:7px;letter-spacing:.13em}
    .narrative-gallery-grid{display:block}
    .narrative-tile:nth-child(n){margin:0 0 38px}
    .narrative-cover-button{aspect-ratio:1}
    .narrative-cover-play{opacity:1;width:62px;height:62px;background:rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(1)}
    .narrative-cover-play:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
    .narrative-caption{padding-top:11px}
    .narrative-caption h2{font-size:19px}
  }
  @media(hover:none){.narrative-cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.narrative-cover-button,.narrative-cover-art,.narrative-cover-shape,.narrative-cover-play{transition:none!important}}

  /* =========================================================
     LIGHT LANGUAGE MUSIC LAB · paired sound diptychs · 2026-09-11
     One work = one relationship: original voice ↔ AI reinterpretation.
     Distinct from the Narrative color-cover gallery.
     ========================================================= */
  .sound-chapter.lab-mode{background:#090a0c;color:#f2eee7}
  .sound-chapter.lab-mode .sound-topbar{background:rgba(9,10,12,.92);border-bottom-color:rgba(255,255,255,.1);box-shadow:none}
  .sound-chapter.lab-mode .sound-top-brand{color:rgba(255,255,255,.8)}
  .sound-chapter.lab-mode .sound-top-brand small{color:rgba(255,255,255,.46)}
  .sound-chapter.lab-mode .sound-section-nav{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.11)}
  .sound-chapter.lab-mode .sound-section-nav button{color:rgba(255,255,255,.62)}
  .sound-chapter.lab-mode .sound-section-nav button:hover{background:rgba(255,255,255,.09);color:#fff}
  .sound-chapter.lab-mode .sound-section-nav button.is-current{background:#d7b16b;color:#15110b}
  .sound-chapter.lab-mode .sound-top-actions button{color:rgba(255,255,255,.7)}
  .sound-chapter.lab-mode .sound-top-actions button:hover{color:#f4d99f}
  .sound-view.is-lab-gallery{padding-bottom:0;background:#090a0c;color:#f2eee7}

  .lab-gallery-page{min-height:100%;background:
    radial-gradient(circle at 12% 8%,rgba(205,157,88,.08),transparent 25%),
    radial-gradient(circle at 91% 23%,rgba(48,120,255,.05),transparent 24%),
    #090a0c;color:#f2eee7;overflow:hidden}
  .lab-gallery-shell{width:min(1260px,calc(100% - 64px));margin:0 auto;padding-bottom:120px}
  .lab-gallery-head{min-height:430px;padding:76px 0 64px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.78fr);gap:8vw;align-items:end;border-bottom:1px solid rgba(255,255,255,.11);position:relative}
  .lab-gallery-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#d6aa64 0 17%,transparent 31% 69%,#4f6dff 84%,#fb4c9b 100%);opacity:.78}
  .lab-gallery-back{appearance:none;border:0;background:none;color:rgba(255,255,255,.54);padding:0;margin:0 0 24px;font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;transition:color .22s ease}
  .lab-gallery-back:hover{color:#fff}
  .lab-gallery-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.42);text-transform:uppercase;margin-bottom:22px}
  .lab-gallery-head h1{margin:0;font:400 clamp(58px,7.5vw,112px)/.92 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em;color:#f4f0e9}
  .lab-gallery-head h1 em{display:block;font-style:normal;color:#d2a55f;margin-left:13%;white-space:nowrap}
  .lab-gallery-copy{max-width:560px;padding-bottom:3px;font:13px/2.06 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(255,255,255,.62)}
  .lab-gallery-copy p{margin:0 0 15px}
  .lab-gallery-legend{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:0 0 34px;padding-top:64px;font:8px/1.5 Arial,"Noto Serif SC",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}
  .lab-gallery-legend span:first-child{text-align:left;color:rgba(229,210,177,.66)}
  .lab-gallery-legend span:last-child{text-align:right;color:rgba(130,151,255,.72)}
  .lab-gallery-legend i{display:block;width:min(28vw,280px);height:1px;background:linear-gradient(90deg,rgba(215,177,107,.6),rgba(255,255,255,.14),rgba(95,118,255,.65));position:relative}
  .lab-gallery-legend i:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%);background:#090a0c}

  .lab-pairs{display:grid;gap:72px}
  .lab-pair-card{--lab-h:26;--lab-h2:228;position:relative;min-width:0}
  .lab-pair-head{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:22px;align-items:end;margin-bottom:16px}
  .lab-pair-index{padding-bottom:7px;font:8px/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.35)}
  .lab-pair-title h2{margin:0;font:500 clamp(26px,3vw,45px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.035em;color:#f2eee7}
  .lab-pair-date{padding-bottom:7px;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.38);white-space:nowrap}
  .lab-pair-note{max-width:760px;margin:0 0 18px 102px;font:11px/1.86 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(255,255,255,.48)}

  .lab-diptych{height:clamp(250px,26vw,344px);display:flex;gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;isolation:isolate}
  .lab-diptych:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.28);z-index:8;pointer-events:none;box-shadow:0 0 24px rgba(255,255,255,.08)}
  .lab-panel{appearance:none;border:0;margin:0;padding:0;flex:1 1 50%;min-width:0;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;isolation:isolate;transition:flex .58s cubic-bezier(.2,.75,.16,1),filter .45s ease}
  .lab-diptych:hover .lab-panel{flex-basis:46%}
  .lab-diptych .lab-panel:hover,.lab-diptych .lab-panel:focus-visible{flex-basis:54%;outline:none}
  .lab-panel:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,255,255,.86)}
  .lab-panel-art{position:absolute;inset:-5%;transition:transform 1.05s cubic-bezier(.2,.75,.16,1),filter .7s ease;overflow:hidden}
  .lab-panel:hover .lab-panel-art,.lab-panel:focus-visible .lab-panel-art{transform:scale(1.045)}
  .lab-panel-art:before,.lab-panel-art:after{content:"";position:absolute;inset:-15%;pointer-events:none;transition:transform 1.1s cubic-bezier(.2,.75,.16,1),opacity .6s ease}

  .lab-original .lab-panel-art{background:
    radial-gradient(circle at 23% 25%,hsla(var(--lab-h),48%,74%,.48) 0 7%,transparent 24%),
    radial-gradient(circle at 75% 72%,hsla(calc(var(--lab-h) + 34),34%,62%,.32) 0 10%,transparent 31%),
    linear-gradient(135deg,hsl(var(--lab-h),18%,8%) 0%,hsl(var(--lab-h),23%,15%) 42%,hsl(calc(var(--lab-h) + 18),28%,27%) 74%,hsl(calc(var(--lab-h) + 35),25%,12%) 100%)}
  .lab-original .lab-panel-art:before{background:repeating-linear-gradient(118deg,transparent 0 8%,rgba(255,255,255,.075) 9% 10%,transparent 11% 19%);filter:blur(1px);opacity:.72}
  .lab-original .lab-panel-art:after{background:radial-gradient(ellipse at 52% 47%,rgba(246,226,190,.24),transparent 18%),linear-gradient(90deg,transparent 30%,rgba(238,196,126,.18) 49%,transparent 64%);filter:blur(15px);opacity:.8}
  .lab-original:hover .lab-panel-art{filter:saturate(1.16) brightness(1.06)}
  .lab-original:hover .lab-panel-art:before{transform:translate3d(2%,-2%,0) rotate(3deg)}

  .lab-ai .lab-panel-art{background:
    radial-gradient(circle at 72% 26%,hsla(var(--lab-h2),100%,68%,.9) 0 8%,transparent 27%),
    radial-gradient(circle at 22% 74%,hsla(calc(var(--lab-h2) + 112),95%,63%,.88) 0 10%,transparent 33%),
    conic-gradient(from 215deg at 54% 52%,hsl(var(--lab-h2),78%,20%),hsl(calc(var(--lab-h2) + 42),92%,48%),hsl(calc(var(--lab-h2) + 118),91%,58%),hsl(calc(var(--lab-h2) + 205),88%,52%),hsl(var(--lab-h2),78%,20%))}
  .lab-ai .lab-panel-art:before{background:repeating-radial-gradient(ellipse at 58% 48%,transparent 0 8%,rgba(255,255,255,.2) 9% 10%,transparent 11% 18%);filter:blur(5px);opacity:.8;mix-blend-mode:screen}
  .lab-ai .lab-panel-art:after{background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.34) 38%,transparent 50%),radial-gradient(circle at 34% 36%,hsla(calc(var(--lab-h2) + 55),100%,72%,.72),transparent 24%);filter:blur(16px);opacity:.82;mix-blend-mode:screen}
  .lab-ai:hover .lab-panel-art{filter:saturate(1.18) brightness(1.07)}
  .lab-ai:hover .lab-panel-art:before{transform:translate3d(-2%,2%,0) rotate(-6deg) scale(1.04)}
  .lab-ai:hover .lab-panel-art:after{transform:translate3d(2%,-2%,0) rotate(4deg) scale(1.05)}

  .lab-panel-label{position:absolute;z-index:5;left:22px;top:20px;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 16px rgba(0,0,0,.4)}
  .lab-panel-label strong{font:600 9px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
  .lab-panel-label span{font:8px/1.4 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em;color:rgba(255,255,255,.68)}
  .lab-panel-play{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-43%) scale(.88);width:86px;height:86px;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(4,6,9,.18);backdrop-filter:blur(9px);display:grid;place-items:center;opacity:0;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.75,.16,1),background .3s ease}
  .lab-panel-play:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:4px}
  .lab-panel:hover .lab-panel-play,.lab-panel:focus-visible .lab-panel-play{opacity:1;transform:translate(-50%,-50%) scale(1);background:rgba(4,6,9,.27)}
  .lab-panel-word{position:absolute;z-index:5;left:22px;bottom:20px;font:8px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.66);text-shadow:0 1px 14px rgba(0,0,0,.45)}

  .lab-pair-foot{display:flex;justify-content:flex-end;margin-top:12px}
  .lab-detail-button{appearance:none;border:0;background:none;color:rgba(255,255,255,.46);padding:4px 0;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.1em;cursor:pointer;transition:color .25s ease}
  .lab-detail-button:hover{color:#f1d69e}

  .lab-continuous-card{margin-top:12px}
  .lab-continuous-strip{appearance:none;border:1px solid rgba(255,255,255,.13);background:#111;width:100%;height:clamp(250px,26vw,344px);padding:0;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;isolation:isolate}
  .lab-continuous-zone{position:absolute;top:0;bottom:0;width:58%;overflow:hidden}
  .lab-continuous-zone.original{left:0;background:
    radial-gradient(circle at 24% 28%,rgba(226,192,131,.38),transparent 18%),
    linear-gradient(140deg,#090a0b,#2a251d 47%,#6a5330 100%);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
  .lab-continuous-zone.ai{right:0;background:
    radial-gradient(circle at 76% 25%,rgba(49,211,255,.74),transparent 19%),
    radial-gradient(circle at 56% 70%,rgba(255,56,161,.75),transparent 27%),
    conic-gradient(from 230deg at 58% 52%,#11225c,#5135d5,#e844a5,#ff8a2d,#15cce7,#11225c);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
  .lab-continuous-zone:after{content:"";position:absolute;inset:-12%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 8%,rgba(255,255,255,.16) 9% 10%,transparent 11% 19%);filter:blur(6px);opacity:.65;transition:transform 1s cubic-bezier(.2,.75,.16,1)}
  .lab-continuous-strip:hover .lab-continuous-zone.original:after{transform:translateX(3%) rotate(4deg)}
  .lab-continuous-strip:hover .lab-continuous-zone.ai:after{transform:translateX(-3%) rotate(-5deg)}
  .lab-continuous-label{position:absolute;z-index:5;top:20px;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
  .lab-continuous-label.left{left:22px}.lab-continuous-label.right{right:22px;text-align:right}
  .lab-continuous-turn{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;background:rgba(6,7,9,.23);backdrop-filter:blur(10px);font:8px/1.6 Arial,"Noto Serif SC",sans-serif;letter-spacing:.12em;text-align:center;color:#fff;transition:transform .4s ease,background .3s ease}
  .lab-continuous-strip:hover .lab-continuous-turn{transform:translate(-50%,-50%) scale(1.06);background:rgba(6,7,9,.34)}
  .lab-continuous-playword{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:7;font:8px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.68)}

  @media(max-width:980px){
    .lab-gallery-shell{width:min(100% - 40px,1120px)}
    .lab-gallery-head{min-height:370px;padding:62px 0 52px;grid-template-columns:1fr;gap:34px;align-items:start}
    .lab-gallery-head h1{font-size:clamp(58px,11vw,104px)}
    .lab-gallery-copy{max-width:800px}
    .lab-gallery-legend{padding-top:52px}
    .lab-pairs{gap:62px}
    .lab-pair-head{grid-template-columns:64px minmax(0,1fr) auto}
    .lab-pair-note{margin-left:86px}
  }
  @media(max-width:700px){
    .lab-gallery-shell{width:calc(100% - 30px);padding-bottom:88px}
    .lab-gallery-head{min-height:auto;padding:48px 0 42px;gap:28px}
    .lab-gallery-back{margin-bottom:18px;font-size:8px}
    .lab-gallery-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:17px}
    .lab-gallery-head h1{font-size:clamp(50px,15.5vw,74px)}
    .lab-gallery-head h1 em{margin-left:9%;white-space:normal}
    .lab-gallery-copy{font-size:12px;line-height:1.92}
    .lab-gallery-legend{padding-top:40px;margin-bottom:28px;grid-template-columns:1fr auto 1fr;gap:10px;font-size:7px;letter-spacing:.09em}
    .lab-gallery-legend i{width:48px}
    .lab-pairs{gap:54px}
    .lab-pair-head{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:13px}
    .lab-pair-index{grid-column:1;grid-row:1/3;padding-top:6px}.lab-pair-title{grid-column:2}.lab-pair-date{grid-column:2;padding:0;margin-top:4px}
    .lab-pair-title h2{font-size:clamp(25px,8vw,36px)}
    .lab-pair-note{margin:0 0 15px 52px;font-size:10px;line-height:1.78}
    .lab-diptych{height:auto;display:grid;grid-template-columns:1fr;gap:1px}
    .lab-diptych:after{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}
    .lab-panel{height:205px;flex:none}
    .lab-diptych:hover .lab-panel,.lab-diptych .lab-panel:hover,.lab-diptych .lab-panel:focus-visible{flex-basis:auto}
    .lab-panel-play{opacity:1;width:60px;height:60px;transform:translate(-50%,-50%) scale(1);background:rgba(4,6,9,.2)}
    .lab-panel-play:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
    .lab-panel-label{left:16px;top:15px}.lab-panel-word{left:16px;bottom:15px}
    .lab-pair-foot{margin-top:9px}
    .lab-continuous-strip{height:360px}
    .lab-continuous-zone{width:100%;height:58%;bottom:auto}
    .lab-continuous-zone.original{left:0;top:0;clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}
    .lab-continuous-zone.ai{left:0;right:auto;top:auto;bottom:0;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}
    .lab-continuous-label.left{left:16px;top:14px}.lab-continuous-label.right{right:16px;top:auto;bottom:14px}
    .lab-continuous-turn{width:84px;height:84px;font-size:7px}
    .lab-continuous-playword{bottom:50%;transform:translate(-50%,46px)}
  }
  @media(hover:none){.lab-panel-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.lab-panel,.lab-panel-art,.lab-panel-art:before,.lab-panel-art:after,.lab-panel-play,.lab-continuous-zone:after,.lab-continuous-turn{transition:none!important}}


  /* =========================================================
     SOUND RELATION SPACE · immersive spatial homepage · 2026-09-11
     CSS 3D + scroll / pointer response. No WebGL.
     ========================================================= */
  .sound-chapter.space-mode{background:#0c0b0a;color:#f1eadf}
  .sound-chapter.space-mode .sound-topbar{background:rgba(12,11,10,.74);border-bottom-color:rgba(239,225,202,.12);box-shadow:none}
  .sound-chapter.space-mode .sound-top-brand{color:rgba(244,236,224,.72)}
  .sound-chapter.space-mode .sound-top-brand small{color:rgba(244,236,224,.46)}
  .sound-chapter.space-mode .sound-section-nav{background:rgba(255,255,255,.025);border-color:rgba(239,225,202,.12)}
  .sound-chapter.space-mode .sound-section-nav button{color:rgba(244,236,224,.62)}
  .sound-chapter.space-mode .sound-section-nav button:hover,.sound-chapter.space-mode .sound-section-nav button.is-current{background:#d1a15c;color:#17120c}
  .sound-chapter.space-mode .sound-top-actions button{color:rgba(244,236,224,.68)}
  .sound-chapter.space-mode .sound-top-actions button:hover{color:#e0b574}
  .sound-view.is-space-home{padding-bottom:0;background:#0c0b0a;overflow:hidden}
  .sound-space-home{--gold:#c89a57;--paper:#f1eadf;--muted:rgba(241,234,223,.58);background:#0c0b0a;color:var(--paper);min-height:100%}
  .sound-space-entry{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);align-items:end;gap:8vw;padding:clamp(68px,11vh,128px) clamp(24px,6vw,92px) clamp(64px,9vh,100px);overflow:hidden;isolation:isolate}
  .sound-space-entry:before{content:"";position:absolute;width:min(62vw,820px);aspect-ratio:1;left:-18vw;top:-25%;border:1px solid rgba(205,160,92,.2);border-radius:50%;box-shadow:0 0 120px rgba(193,141,70,.035),inset 0 0 120px rgba(193,141,70,.03);z-index:-1}
  .sound-space-entry:after{content:"";position:absolute;inset:auto 7vw 9vh auto;width:34vw;height:1px;background:linear-gradient(90deg,transparent,rgba(204,155,85,.55),transparent);transform:rotate(-24deg);transform-origin:right center;z-index:-1}
  .sound-space-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.28em;color:#c79a5a;text-transform:uppercase;margin-bottom:24px}
  .sound-space-entry h1{margin:0;max-width:980px;font:400 clamp(58px,8.8vw,142px)/.91 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.055em}
  .sound-space-entry h1 em{display:block;font-style:normal;color:#c99c5b;margin-left:11%;white-space:nowrap}
  .sound-space-entry-copy{max-width:470px;padding-bottom:8px;font:13px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.64)}
  .sound-space-entry-copy p{margin:0 0 16px}
  .sound-space-question{margin-top:30px;padding-top:22px;border-top:1px solid rgba(241,234,223,.14);font:500 clamp(19px,2vw,29px)/1.65 "Noto Serif SC","Songti SC","STSong",serif;color:#efe3d2}
  .sound-space-scrollcue{position:absolute;left:clamp(24px,6vw,92px);bottom:20px;display:flex;align-items:center;gap:13px;font:8px/1 Arial,sans-serif;letter-spacing:.2em;color:rgba(241,234,223,.42)}
  .sound-space-scrollcue i{display:block;width:48px;height:1px;background:rgba(205,160,92,.45);position:relative;overflow:hidden}
  .sound-space-scrollcue i:after{content:"";position:absolute;inset:0;background:#d4a660;transform:translateX(-100%);animation:soundCue 2.4s ease-in-out infinite}
  @keyframes soundCue{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}

  .sound-relation-scroll{position:relative;height:570vh;background:radial-gradient(circle at 50% 38%,#19140e 0,#0c0b0a 43%,#080706 100%)}
  .sound-relation-sticky{position:sticky;top:0;height:calc(100vh - 74px);min-height:620px;overflow:hidden;isolation:isolate;cursor:default}
  .sound-relation-sticky:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.94) 0,rgba(9,8,7,.18) 25%,rgba(9,8,7,.06) 72%,rgba(9,8,7,.72) 100%);pointer-events:none;z-index:4}
  .sound-relation-sticky:after{content:"";position:absolute;left:50%;top:50%;width:70vw;height:70vw;max-width:900px;max-height:900px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(199,149,78,.065),transparent 67%);filter:blur(2px);pointer-events:none;z-index:0}
  .sound-space-stars{position:absolute;inset:0;opacity:.48;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 8% 24%,rgba(255,236,202,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 21% 67%,rgba(255,236,202,.32) 0 1px,transparent 1.5px),radial-gradient(circle at 36% 18%,rgba(255,236,202,.30) 0 1px,transparent 1.5px),radial-gradient(circle at 63% 72%,rgba(255,236,202,.34) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 31%,rgba(255,236,202,.28) 0 1px,transparent 1.5px),radial-gradient(circle at 91% 61%,rgba(255,236,202,.38) 0 1px,transparent 1.5px)}
  .sound-relation-copy{position:absolute;left:clamp(22px,5vw,76px);top:clamp(38px,7vh,82px);width:min(350px,28vw);z-index:8;pointer-events:none}
  .sound-relation-phase{font:9px/1.4 Arial,sans-serif;letter-spacing:.26em;color:#c99b59;text-transform:uppercase;margin-bottom:18px}
  .sound-relation-copy h2{margin:0;font:400 clamp(31px,4vw,66px)/1.06 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.035em;transition:opacity .25s ease,transform .25s ease}
  .sound-relation-copy p{margin:20px 0 0;max-width:315px;font:12px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.55);transition:opacity .25s ease,transform .25s ease}
  .sound-relation-copy.is-changing h2,.sound-relation-copy.is-changing p{opacity:.16;transform:translateY(7px)}

  .sound-relation-viewport{position:absolute;inset:0;perspective:950px;perspective-origin:55% 48%;z-index:2;overflow:hidden}
  .sound-relation-scene{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-style:preserve-3d;will-change:transform;transition:transform .12s linear}
  .sound-rel-node{position:absolute;left:0;top:0;min-width:220px;max-width:310px;padding:0;border:0;background:transparent;color:#efe6d9;text-align:left;transform-style:preserve-3d;transform-origin:center;will-change:transform,opacity;cursor:pointer;opacity:0;transition:color .25s ease,filter .25s ease}
  button.sound-rel-node:hover{color:#e6bb79;filter:drop-shadow(0 0 18px rgba(201,153,84,.16))}
  .sound-rel-node .node-dot{position:absolute;left:-23px;top:.63em;width:6px;height:6px;border:1px solid #d0a05a;border-radius:50%;box-shadow:0 0 0 7px rgba(208,160,90,.035),0 0 28px rgba(208,160,90,.12)}
  .sound-rel-node .node-en{display:block;margin-bottom:8px;font:8px/1.2 Arial,sans-serif;letter-spacing:.24em;color:#b88b4e;text-transform:uppercase}
  .sound-rel-node .node-title{display:block;font:400 clamp(23px,2.65vw,43px)/1.18 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em}
  .sound-rel-node .node-note{display:block;margin-top:9px;max-width:260px;font:10px/1.75 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.46)}
  .sound-rel-node.is-process{pointer-events:none;min-width:170px;max-width:230px}
  .sound-rel-node.is-process .node-title{font-size:clamp(18px,2vw,30px);color:rgba(241,234,223,.68)}
  .sound-rel-node.is-process .node-note{display:none}
  .sound-rel-node.is-opera{min-width:330px;max-width:460px;text-align:center}
  .sound-rel-node.is-opera .node-title{font-size:clamp(40px,5.8vw,88px);line-height:.96;color:#efe1cd}
  .sound-rel-node.is-opera .node-en{font-size:9px;color:#d0a05a}
  .sound-rel-node.is-opera .node-note{margin:15px auto 0;max-width:390px;font-size:11px}
  .sound-rel-node.is-branch .node-title{font-size:clamp(25px,3vw,47px)}

  .sound-rel-lines{position:absolute;left:50%;top:50%;width:min(1040px,76vw);height:min(650px,62vh);transform:translate(-50%,-50%);z-index:1;overflow:visible;pointer-events:none;opacity:.72}
  .sound-rel-lines path{fill:none;stroke:rgba(206,159,91,.34);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 7;stroke-linecap:round}
  .sound-rel-lines .main{stroke:rgba(220,175,105,.48);stroke-dasharray:none}
  .sound-rel-lines circle{fill:#d0a05a;opacity:.6}

  .sound-archive-echo{position:absolute;left:0;top:0;padding:0;border:0;background:none;color:rgba(237,225,208,.34);font:8px/1.2 Arial,"Noto Serif SC",sans-serif;letter-spacing:.14em;white-space:nowrap;cursor:pointer;will-change:transform,opacity;text-align:left}
  .sound-archive-echo strong{display:block;margin-top:5px;font:400 13px/1.3 "Noto Serif SC","Songti SC",serif;letter-spacing:.02em;color:rgba(239,228,212,.50)}
  .sound-archive-echo:hover,.sound-archive-echo:hover strong{color:#d8aa68}

  .sound-relation-index{position:absolute;right:clamp(18px,3.6vw,58px);top:50%;transform:translateY(-50%);z-index:8;display:grid;gap:14px}
  .sound-relation-index span{display:grid;grid-template-columns:28px 6px;align-items:center;gap:10px;font:7px/1 Arial,sans-serif;letter-spacing:.13em;color:rgba(241,234,223,.32);transition:.25s ease}
  .sound-relation-index span:after{content:"";width:5px;height:5px;border:1px solid rgba(211,166,99,.42);border-radius:50%;transition:.25s ease}
  .sound-relation-index span.is-active{color:#d1a15e}
  .sound-relation-index span.is-active:after{background:#d1a15e;box-shadow:0 0 0 5px rgba(209,161,94,.09)}
  .sound-space-progress{position:absolute;left:0;bottom:0;height:1px;width:100%;background:rgba(255,255,255,.06);z-index:9}
  .sound-space-progress i{display:block;width:0;height:100%;background:#c99a58;box-shadow:0 0 16px rgba(201,154,88,.45)}
  .sound-space-instruction{position:absolute;right:clamp(22px,5vw,78px);bottom:30px;z-index:8;font:8px/1.6 Arial,"Noto Serif SC",sans-serif;letter-spacing:.14em;color:rgba(241,234,223,.34);text-align:right;pointer-events:none}

  .sound-space-reflection{position:relative;padding:clamp(90px,13vh,150px) clamp(24px,8vw,130px) clamp(100px,14vh,170px);display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:10vw;border-top:1px solid rgba(239,225,202,.10);background:#0c0b0a}
  .sound-space-reflection h2{margin:0;font:400 clamp(34px,4.3vw,68px)/1.14 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.03em}
  .sound-space-reflection h2 em{display:block;font-style:normal;color:#c89a57}
  .sound-space-reflection .reflection-copy{max-width:760px;font:13px/2.1 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.58)}
  .sound-space-reflection .reflection-copy p{margin:0 0 18px}
  .sound-space-reflection .reflection-rule{margin-top:32px;padding-top:22px;border-top:1px solid rgba(239,225,202,.12);font:9px/1.8 Arial,"Noto Serif SC",sans-serif;letter-spacing:.12em;color:#c3985c}

  @media(max-width:980px){
    .sound-space-entry{grid-template-columns:1fr;align-content:end;gap:44px}.sound-space-entry-copy{max-width:680px}
    .sound-relation-copy{width:min(310px,34vw)}.sound-rel-node{min-width:190px;max-width:250px}.sound-rel-node.is-opera{min-width:300px;max-width:390px}
    .sound-space-reflection{grid-template-columns:1fr;gap:38px}
  }
  @media(max-width:700px){
    .sound-chapter.space-mode .sound-section-nav{background:rgba(12,11,10,.9)}
    .sound-space-entry{min-height:calc(100vh - 112px);padding:54px 20px 72px;gap:35px}.sound-space-entry h1{font-size:clamp(49px,16vw,76px)}.sound-space-entry h1 em{margin-left:5%}.sound-space-entry-copy{font-size:11px;line-height:1.9}.sound-space-question{font-size:20px}.sound-space-scrollcue{left:20px}
    .sound-relation-scroll{height:500vh}.sound-relation-sticky{height:calc(100vh - 108px);min-height:560px}.sound-relation-copy{left:18px;top:28px;width:58vw}.sound-relation-copy h2{font-size:31px}.sound-relation-copy p{font-size:10px;line-height:1.78;margin-top:12px}.sound-relation-phase{font-size:7px;margin-bottom:11px}
    .sound-relation-viewport{perspective:760px;perspective-origin:53% 53%}.sound-rel-node{min-width:145px;max-width:190px}.sound-rel-node .node-en{font-size:6px;margin-bottom:5px}.sound-rel-node .node-title{font-size:22px}.sound-rel-node .node-note{font-size:8px;line-height:1.55;max-width:180px}.sound-rel-node.is-process .node-title{font-size:18px}.sound-rel-node.is-opera{min-width:240px;max-width:280px}.sound-rel-node.is-opera .node-title{font-size:43px}.sound-rel-node.is-opera .node-note{font-size:8px}.sound-rel-node .node-dot{left:-15px;width:4px;height:4px}
    .sound-rel-lines{width:94vw;height:54vh}.sound-archive-echo{font-size:6px}.sound-archive-echo strong{font-size:10px}.sound-relation-index{right:10px;gap:11px}.sound-relation-index span{grid-template-columns:0 5px;gap:0;font-size:0}.sound-space-instruction{right:15px;bottom:18px;font-size:6px}
    .sound-space-reflection{padding:76px 20px 105px;gap:28px}.sound-space-reflection h2{font-size:38px}.sound-space-reflection .reflection-copy{font-size:11px;line-height:1.95}
  }
  @media(prefers-reduced-motion:reduce){
    .sound-space-scrollcue i:after{animation:none}.sound-relation-scene{transition:none}.sound-rel-node,.sound-archive-echo{transition:none}
  }

  /* =========================================================
     SOUND GROWTH AXIS · revised secondary homepage
     Clear vertical path: 光语 → 自由发声 → 即兴 → 叙事 → 音乐 → 歌剧
     ========================================================= */
  .sound-view.is-space-home{background:#eee8df;overflow:visible}
  .sound-growth-home{--ink:#151311;--cream:#eee8df;--paper:#f7f3ec;--gold:#b8894d;--deep:#171411;color:var(--ink);background:var(--cream)}
  .sound-growth-intro{min-height:clamp(500px,72vh,760px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);gap:9vw;align-items:center;padding:clamp(70px,10vh,115px) clamp(26px,7vw,112px);position:relative;overflow:hidden;background:var(--cream)}
  .sound-growth-intro:before{content:"";position:absolute;left:7vw;right:7vw;bottom:0;height:1px;background:rgba(20,18,16,.12)}
  .sound-growth-intro:after{content:"";position:absolute;width:42vw;height:42vw;max-width:630px;max-height:630px;right:-14vw;top:-16vw;border:1px solid rgba(184,137,77,.15);border-radius:50%;pointer-events:none}
  .sound-growth-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.27em;color:#a87940;margin-bottom:24px}
  .sound-growth-intro h1{margin:0;max-width:760px;font:400 clamp(45px,6.4vw,92px)/1.02 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.045em}
  .sound-growth-intro h1 em{display:block;margin-top:.11em;font-style:normal;color:#a87940}
  .sound-growth-intro-copy{position:relative;z-index:1;max-width:520px;font:13px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(20,18,16,.62)}
  .sound-growth-intro-copy p{margin:0 0 17px}
  .sound-growth-intro-copy .growth-lead{margin-top:27px;padding-top:22px;border-top:1px solid rgba(20,18,16,.14);font-size:16px;line-height:1.85;color:#2b251f}

  .sound-growth-axis-section{position:relative;padding:clamp(90px,12vh,140px) clamp(26px,7vw,112px) clamp(120px,16vh,190px);background:var(--deep);color:#f1eadf;overflow:hidden}
  .sound-growth-axis-section:before{content:"";position:absolute;left:0;right:0;top:0;height:38%;background:linear-gradient(180deg,rgba(184,137,77,.055),transparent);pointer-events:none}
  .sound-growth-axis-head{max-width:1040px;margin:0 auto clamp(68px,10vh,110px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}
  .sound-growth-axis-head .small{font:8px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#b98d55}
  .sound-growth-axis-head p{margin:0;max-width:520px;justify-self:end;font:12px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.52)}
  .sound-growth-axis{position:relative;max-width:1120px;margin:0 auto;padding:12px 0}
  .sound-growth-axis:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(191,145,83,.18),rgba(214,169,104,.82) 12%,rgba(214,169,104,.82) 88%,rgba(191,145,83,.18));transform:translateX(-50%)}
  .sound-growth-step{position:relative;min-height:215px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .sound-growth-step:before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;border:1px solid #cf9d5c;background:#171411;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(207,157,92,.045),0 0 28px rgba(207,157,92,.10);z-index:2}
  .sound-growth-step:after{content:"";position:absolute;left:50%;top:50%;width:clamp(36px,5vw,72px);height:1px;background:rgba(205,158,95,.36);transform:translateY(-50%)}
  .sound-growth-step:nth-child(even):after{transform:translate(-100%,-50%)}
  .sound-growth-card{width:min(440px,82%);padding:24px 26px 25px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:transform .35s ease,color .35s ease,background .35s ease}
  .sound-growth-step:nth-child(odd) .sound-growth-card{grid-column:2;margin-left:clamp(42px,6vw,86px)}
  .sound-growth-step:nth-child(even) .sound-growth-card{grid-column:1;justify-self:end;margin-right:clamp(42px,6vw,86px)}
  .sound-growth-step:nth-child(even) .sound-growth-card{text-align:right}
  .sound-growth-card:hover{color:#e0b675;transform:translateY(-3px)}
  .sound-growth-no{display:block;margin-bottom:12px;font:8px/1 Arial,sans-serif;letter-spacing:.23em;color:#b98d55}
  .sound-growth-title{display:block;font:400 clamp(26px,3vw,43px)/1.15 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em}
  .sound-growth-note{display:block;margin-top:10px;font:10px/1.75 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.43)}
  .sound-growth-enter{display:inline-block;margin-top:15px;font:8px/1 Arial,sans-serif;letter-spacing:.2em;color:#bc8c51}
  .sound-growth-enter:after{content:"  →"}
  .sound-growth-archive-link{max-width:1120px;margin:78px auto 0;padding-top:28px;border-top:1px solid rgba(241,234,223,.12);display:flex;justify-content:space-between;align-items:center;gap:30px}
  .sound-growth-archive-link p{margin:0;max-width:670px;font:11px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.46)}
  .sound-growth-archive-link button{border:0;background:transparent;color:#d0a05f;font:9px/1 Arial,sans-serif;letter-spacing:.18em;cursor:pointer;white-space:nowrap}

  .sound-stage-detail{padding:clamp(76px,10vh,120px) clamp(24px,7vw,110px) clamp(100px,14vh,165px);background:#eee8df;color:#191613;min-height:calc(100vh - 74px)}
  .sound-stage-detail-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:9vw}
  .sound-stage-detail-index{font:9px/1.4 Arial,sans-serif;letter-spacing:.25em;color:#a87940}
  .sound-stage-detail h1{margin:22px 0 0;font:400 clamp(42px,6vw,82px)/1.05 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.04em}
  .sound-stage-detail-copy{padding-top:48px;font:14px/2.12 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(25,22,19,.66)}
  .sound-stage-detail-copy .statement{font-size:clamp(22px,2.5vw,34px);line-height:1.65;color:#211d19;margin:0 0 34px}
  .sound-stage-detail-copy strong{font-weight:500;color:#9c6f38}
  .sound-stage-detail-copy p{margin:0 0 22px}

  @media(max-width:800px){
    .sound-growth-intro{grid-template-columns:1fr;gap:38px;min-height:auto;padding:74px 22px 78px}.sound-growth-intro h1{font-size:clamp(43px,12.5vw,68px)}.sound-growth-intro-copy{font-size:12px}
    .sound-growth-axis-section{padding:82px 20px 110px}.sound-growth-axis-head{grid-template-columns:1fr;gap:22px;margin-bottom:64px}.sound-growth-axis-head p{justify-self:start}
    .sound-growth-axis:before{left:22px;transform:none}.sound-growth-step{display:block;min-height:180px;padding-left:54px}.sound-growth-step:before{left:22px;top:48px}.sound-growth-step:after,.sound-growth-step:nth-child(even):after{left:22px;top:48px;width:32px;transform:none}
    .sound-growth-step:nth-child(odd) .sound-growth-card,.sound-growth-step:nth-child(even) .sound-growth-card{width:100%;margin:0;grid-column:auto;justify-self:auto;text-align:left;padding:21px 0 24px}.sound-growth-title{font-size:30px}
    .sound-growth-archive-link{display:block;margin-top:55px}.sound-growth-archive-link button{margin-top:20px}
    .sound-stage-detail{padding:70px 20px 105px}.sound-stage-detail-inner{grid-template-columns:1fr;gap:22px}.sound-stage-detail-copy{padding-top:0;font-size:12px}.sound-stage-detail h1{font-size:48px}
  }


  /* 2026-09-11 · SOUND PATH secondary hero: keep the approved all-black editorial composition */
  .sound-growth-home{background:#0c0b0a;color:#f1eadf}
  .sound-growth-hero-restored{min-height:calc(100vh - 76px);grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);align-items:end;padding-top:clamp(48px,7vh,82px);padding-bottom:clamp(92px,13vh,138px)}
  .sound-growth-hero-restored h1{font-size:clamp(52px,7.4vw,118px);max-width:900px;color:#f4efe7}
  .sound-growth-hero-restored h1 em{margin-left:9%;color:#c99c5b}
  .sound-growth-restored-copy{max-width:510px;color:rgba(241,234,223,.73);font-size:13px;line-height:2.05}
  .sound-growth-restored-copy p{margin:0 0 19px}
  .sound-growth-restored-copy p:last-child{margin-bottom:0}

  /* Growth axis stays in the same black field: one fine gold line, six points, six entrances. */
  .sound-growth-home .sound-growth-axis-section{background:#0c0b0a;color:#f1eadf;border-top:1px solid rgba(241,234,223,.08)}
  .sound-growth-home .sound-growth-axis-section:before{background:linear-gradient(180deg,rgba(184,137,77,.055),transparent)}
  .sound-growth-home .sound-growth-axis-head .small{color:#b98d55}
  .sound-growth-home .sound-growth-axis-head p{color:rgba(241,234,223,.52)}
  .sound-growth-home .sound-growth-axis:before{background:linear-gradient(180deg,rgba(191,145,83,.18),rgba(214,169,104,.82) 12%,rgba(214,169,104,.82) 88%,rgba(191,145,83,.18))}
  .sound-growth-home .sound-growth-step:before{border-color:#cf9d5c;background:#0c0b0a;box-shadow:0 0 0 8px rgba(207,157,92,.045),0 0 28px rgba(207,157,92,.10)}
  .sound-growth-home .sound-growth-step:after{background:rgba(205,158,95,.36)}
  .sound-growth-home .sound-growth-card{color:#f1eadf}
  .sound-growth-home .sound-growth-card:hover{color:#e0b675}
  .sound-growth-home .sound-growth-no{color:#b98d55}
  .sound-growth-home .sound-growth-note{color:rgba(241,234,223,.46)}
  .sound-growth-home .sound-growth-enter{color:#bc8c51}
  .sound-growth-home .sound-growth-archive-link{border-top-color:rgba(241,234,223,.12)}
  .sound-growth-home .sound-growth-archive-link p{color:rgba(241,234,223,.46)}
  .sound-growth-home .sound-growth-archive-link button{color:#d0a05f}
  @media(max-width:800px){
    .sound-growth-hero-restored{grid-template-columns:1fr;align-content:end;gap:36px;min-height:calc(100vh - 108px);padding:48px 20px 92px}
    .sound-growth-hero-restored h1{font-size:clamp(46px,14vw,72px)}
    .sound-growth-hero-restored h1 em{margin-left:4%}
    .sound-growth-restored-copy{font-size:11.5px;line-height:1.95}
  }


  /* 2026-09-11 · growth axis hover explanations */
  .sound-growth-home .sound-growth-note{display:none!important}
  .sound-growth-home .sound-growth-card{cursor:default;position:relative;z-index:2}
  .sound-growth-home .sound-growth-card:focus{outline:none}
  .sound-growth-home .sound-growth-enter{display:inline-block;margin-top:16px;padding:0;border:0;background:transparent;font:8px/1 Arial,sans-serif;letter-spacing:.2em;color:#bc8c51;cursor:pointer}
  .sound-growth-home .sound-growth-enter:after{content:"  →"}
  .sound-growth-hovercopy{width:min(390px,78%);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .26s ease,transform .26s ease,visibility .26s ease;font:11px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.64);pointer-events:none}
  .sound-growth-step:nth-child(odd) .sound-growth-hovercopy{grid-column:1;justify-self:end;margin-right:clamp(42px,6vw,86px);text-align:right}
  .sound-growth-step:nth-child(even) .sound-growth-hovercopy{grid-column:2;justify-self:start;margin-left:clamp(42px,6vw,86px);text-align:left}
  .sound-growth-card:hover ~ .sound-growth-hovercopy,.sound-growth-card:focus ~ .sound-growth-hovercopy,.sound-growth-card:focus-within ~ .sound-growth-hovercopy{opacity:1;visibility:visible;transform:translateY(0)}
  .sound-growth-card:hover .sound-growth-title,.sound-growth-card:focus .sound-growth-title,.sound-growth-card:focus-within .sound-growth-title{color:#e0b675}
  @media(max-width:760px){
    .sound-growth-hovercopy,.sound-growth-step:nth-child(odd) .sound-growth-hovercopy,.sound-growth-step:nth-child(even) .sound-growth-hovercopy{display:block;width:100%;margin:0;padding:0 0 30px;grid-column:auto;justify-self:auto;text-align:left;font-size:10.5px;line-height:1.85}
    .sound-growth-step{min-height:0;padding-bottom:18px}
    .sound-growth-card:hover ~ .sound-growth-hovercopy,.sound-growth-card:focus ~ .sound-growth-hovercopy,.sound-growth-card:focus-within ~ .sound-growth-hovercopy{opacity:1;visibility:visible}
  }

  /* 2026-09-11 · 我的声音实践 / sound practice field */
  .sound-practice-field{max-width:1120px;margin:clamp(150px,21vh,230px) auto 0;padding-top:clamp(50px,7vh,78px);border-top:1px solid rgba(241,234,223,.12)}
  .sound-practice-head{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(54px,8vw,118px);align-items:start}
  .sound-practice-kicker{margin-bottom:18px;font:8px/1.4 Arial,sans-serif;letter-spacing:.25em;color:#b98d55}
  .sound-practice-head h2{margin:0;max-width:360px;font:400 clamp(38px,5vw,72px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.035em;color:#f2eadf}
  .sound-practice-head h2 span,.sound-practice-head h2 em{display:block;font-style:normal}
  .sound-practice-head h2 span{color:#f4efe7}
  .sound-practice-head h2 em{margin-top:.08em;margin-left:2em;color:#c99c5b}
  .sound-practice-intro{max-width:650px;font:12px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.62)}
  .sound-practice-intro p{margin:0 0 20px}
  .sound-practice-intro p:last-child{margin-bottom:0}
  .sound-practice-chain{margin:clamp(62px,9vh,96px) 0 0;padding:24px 0 26px;border-top:1px solid rgba(201,156,91,.22);border-bottom:1px solid rgba(201,156,91,.22);display:flex;align-items:center;gap:13px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font:13px/1.55 Arial,"Noto Serif SC",sans-serif;letter-spacing:.055em;color:rgba(241,234,223,.66)}
  .sound-practice-chain::-webkit-scrollbar{display:none}
  .sound-practice-chain span{display:inline-block;flex:0 0 auto}
  .sound-practice-chain i{font-style:normal;color:#c99c5b;opacity:.78;flex:0 0 auto}
  .sound-practice-chain span:last-child{color:#d5a968}
  .sound-practice-question{margin:clamp(74px,11vh,120px) 0 0;display:grid;grid-template-columns:minmax(210px,.56fr) minmax(0,1.44fr);gap:clamp(45px,7vw,105px);align-items:start}
  .sound-practice-question-label{font:8px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#b98d55;padding-top:10px}
  .sound-practice-question p{margin:0;max-width:650px;font:12px/2.05 "Noto Serif SC","Songti SC","STSong",serif;color:rgba(241,234,223,.62)}
  @media(max-width:760px){
    .sound-practice-field{margin-top:112px;padding-top:46px}
    .sound-practice-head,.sound-practice-question{grid-template-columns:1fr;gap:28px}
    .sound-practice-head h2{font-size:42px}
    .sound-practice-intro{font-size:11px;line-height:1.95}
    .sound-practice-chain{margin-top:52px;padding:20px 0 22px;gap:11px;font-size:11px}
    .sound-practice-question{margin-top:58px}
    .sound-practice-question p{font-size:11px;line-height:1.95}
  }


  /* =========================================================
     2026-09-11 · MUSIC LAB compact study wall
     One work = one compact module; top = original voice, bottom = AI echo.
     Hover enlarges the whole work instead of making the page vertically heavy.
     ========================================================= */
  .lab-compact-legend{padding:42px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.42);text-transform:uppercase}
  .lab-compact-legend span:last-child{color:rgba(215,177,107,.72);text-align:right}
  .lab-study-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;padding-top:30px;align-items:start}
  .lab-study-card{--lab-h:26;--lab-h2:228;position:relative;min-width:0;background:#0d0e10;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 rgba(0,0,0,0);transform:translateZ(0);transform-origin:center;transition:transform .44s cubic-bezier(.2,.75,.16,1),box-shadow .44s ease,border-color .35s ease;z-index:1}
  .lab-study-card:hover,.lab-study-card:focus-within{transform:translateY(-7px) scale(1.075);z-index:20;border-color:rgba(255,255,255,.28);box-shadow:0 24px 66px rgba(0,0,0,.46)}
  .lab-study-card:focus{outline:none}
  .lab-study-head{min-height:66px;padding:13px 14px 11px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
  .lab-study-head>div:first-child{min-width:0}
  .lab-study-index{display:block;margin-bottom:7px;font:7px/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.31)}
  .lab-study-head h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 clamp(17px,1.55vw,23px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em;color:#f3eee7}
  .lab-study-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font:7px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.06em;color:rgba(255,255,255,.34)}
  .lab-study-detail{appearance:none;border:0;background:none;padding:0;color:rgba(255,255,255,.36);font:7px/1 Arial,sans-serif;letter-spacing:.12em;cursor:pointer;transition:color .22s ease}
  .lab-study-detail:hover{color:#f1d59b}
  .lab-study-split{height:156px;display:grid;grid-template-rows:1fr 1fr;position:relative;overflow:hidden}
  .lab-study-zone{appearance:none;border:0;margin:0;padding:0;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;isolation:isolate;transition:filter .28s ease}
  .lab-study-zone+ .lab-study-zone{border-top:1px solid rgba(255,255,255,.18)}
  .lab-study-art{position:absolute;inset:-8%;transition:transform .75s cubic-bezier(.2,.75,.16,1),filter .45s ease}
  .lab-study-art:before,.lab-study-art:after{content:"";position:absolute;inset:-12%;transition:transform .9s cubic-bezier(.2,.75,.16,1),opacity .45s ease;pointer-events:none}
  .lab-study-original .lab-study-art{background:radial-gradient(circle at 22% 36%,hsla(var(--lab-h),52%,75%,.38),transparent 20%),radial-gradient(circle at 78% 60%,hsla(calc(var(--lab-h) + 36),35%,63%,.22),transparent 29%),linear-gradient(120deg,hsl(var(--lab-h),18%,8%),hsl(var(--lab-h),24%,15%) 46%,hsl(calc(var(--lab-h) + 20),29%,28%))}
  .lab-study-original .lab-study-art:before{background:repeating-linear-gradient(116deg,transparent 0 11%,rgba(255,255,255,.08) 12% 13%,transparent 14% 24%);opacity:.55}
  .lab-study-original .lab-study-art:after{background:linear-gradient(92deg,transparent 18%,rgba(238,198,132,.19) 50%,transparent 76%);filter:blur(10px)}
  .lab-study-ai .lab-study-art{background:radial-gradient(circle at 75% 24%,hsla(var(--lab-h2),100%,70%,.92),transparent 24%),radial-gradient(circle at 18% 72%,hsla(calc(var(--lab-h2) + 118),94%,62%,.84),transparent 31%),conic-gradient(from 215deg at 55% 50%,hsl(var(--lab-h2),78%,20%),hsl(calc(var(--lab-h2) + 42),92%,48%),hsl(calc(var(--lab-h2) + 122),91%,58%),hsl(calc(var(--lab-h2) + 202),88%,52%),hsl(var(--lab-h2),78%,20%))}
  .lab-study-ai .lab-study-art:before{background:repeating-radial-gradient(ellipse at 58% 48%,transparent 0 10%,rgba(255,255,255,.20) 11% 12%,transparent 13% 22%);filter:blur(4px);opacity:.72;mix-blend-mode:screen}
  .lab-study-ai .lab-study-art:after{background:linear-gradient(112deg,transparent 16%,rgba(255,255,255,.34) 39%,transparent 53%);filter:blur(11px);opacity:.75;mix-blend-mode:screen}
  .lab-study-zone:hover .lab-study-art,.lab-study-zone:focus-visible .lab-study-art{transform:scale(1.065);filter:saturate(1.14) brightness(1.08)}
  .lab-study-original:hover .lab-study-art:before{transform:translateX(3%) rotate(3deg)}
  .lab-study-ai:hover .lab-study-art:before{transform:translateX(-3%) rotate(-5deg) scale(1.04)}
  .lab-study-label{position:absolute;z-index:4;left:12px;top:10px;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 12px rgba(0,0,0,.45)}
  .lab-study-label b{font:600 7px/1 Arial,sans-serif;letter-spacing:.16em}
  .lab-study-label small{font:7px/1.3 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em;color:rgba(255,255,255,.67)}
  .lab-study-play{position:absolute;z-index:5;right:12px;bottom:9px;font:7px/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.64);opacity:.54;transition:opacity .22s ease,transform .22s ease}
  .lab-study-zone:hover .lab-study-play,.lab-study-zone:focus-visible .lab-study-play{opacity:1;transform:translateX(-2px)}
  .lab-study-complete{appearance:none;border:0;margin:0;padding:0;width:100%;height:156px;display:grid;grid-template-rows:1fr 1fr;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;background:#111}
  .lab-study-half{position:relative;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;overflow:hidden;isolation:isolate;text-shadow:0 1px 12px rgba(0,0,0,.45)}
  .lab-study-half b{font:600 7px/1 Arial,sans-serif;letter-spacing:.15em;position:relative;z-index:3}.lab-study-half small{font:7px/1.3 "Noto Serif SC","Songti SC",serif;color:rgba(255,255,255,.68);position:relative;z-index:3}
  .lab-study-half-original{background:radial-gradient(circle at 22% 35%,hsla(var(--lab-h),52%,75%,.42),transparent 21%),linear-gradient(120deg,hsl(var(--lab-h),18%,8%),hsl(var(--lab-h),24%,16%) 47%,hsl(calc(var(--lab-h) + 22),30%,29%))}
  .lab-study-half-ai{border-top:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 78% 24%,hsla(var(--lab-h2),100%,70%,.92),transparent 25%),radial-gradient(circle at 18% 74%,hsla(calc(var(--lab-h2) + 118),94%,62%,.82),transparent 31%),conic-gradient(from 215deg at 55% 50%,hsl(var(--lab-h2),78%,20%),hsl(calc(var(--lab-h2) + 46),92%,48%),hsl(calc(var(--lab-h2) + 128),91%,58%),hsl(calc(var(--lab-h2) + 206),88%,52%),hsl(var(--lab-h2),78%,20%))}
  .lab-study-complete-mark{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.58);background:rgba(6,7,9,.34);backdrop-filter:blur(8px);font:7px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.11em;white-space:nowrap;color:#fff;transition:transform .3s ease,background .3s ease}
  .lab-study-complete:hover .lab-study-complete-mark,.lab-study-complete:focus-visible .lab-study-complete-mark{transform:translate(-50%,-50%) scale(1.05);background:rgba(6,7,9,.47)}

  /* Bring the SOUND PATH hero into the same vertical rhythm as Narrative / Music Lab. */
  .sound-growth-hero-restored{min-height:430px!important;padding-top:76px!important;padding-bottom:64px!important;align-items:end!important}

  @media(max-width:1180px){.lab-study-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:820px){.lab-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.sound-growth-hero-restored{min-height:auto!important;padding-top:58px!important;padding-bottom:52px!important}}
  @media(max-width:560px){
    .lab-compact-legend{padding:30px 0 18px;font-size:7px;letter-spacing:.1em}.lab-study-grid{grid-template-columns:1fr;gap:18px;padding-top:22px}.lab-study-card:hover,.lab-study-card:focus-within{transform:none;box-shadow:none}.lab-study-head{min-height:60px;padding:12px 12px 10px}.lab-study-head h2{font-size:21px}.lab-study-split,.lab-study-complete{height:144px}.lab-study-play{opacity:.82}.sound-growth-hero-restored{padding:48px 20px 42px!important}
  }
  @media(hover:none){.lab-study-card:hover{transform:none;box-shadow:none}.lab-study-play{opacity:.82}}
  @media(prefers-reduced-motion:reduce){.lab-study-card,.lab-study-art,.lab-study-art:before,.lab-study-art:after,.lab-study-play,.lab-study-complete-mark{transition:none!important}}


  /* ABOUT SECONDARY · FINAL SLOPE STABLE VISUAL 2026-09-12 */
  #aboutChapter{
    --about-paper:#ece5d8;
    --about-paper2:#f2eee6;
    --about-ink:#352f28;
    --about-muted:#625a50;
    --about-muted2:#7c7469;
    --about-gold:#b79257;
    --about-gold2:#d2b584;
    --about-sage:#b5beb1;
    --about-violet:#c9c1d2;
    --about-earth:#b39a78;
    --about-earth2:#8f7758;
    --about-line:rgba(80,68,51,.16);
    background:
      radial-gradient(78vw 42vw at 18% 12%,rgba(255,243,221,.88),transparent 62%),
      radial-gradient(42vw 24vw at 86% 14%,rgba(209,201,218,.54),transparent 66%),
      linear-gradient(180deg,#f2eee5 0%,#ebe3d6 24%,#e4ddcf 50%,#ddd3c0 70%,#e7dfd2 100%);
    color:var(--about-ink);
  }
  #aboutChapter .about2-backdrop{
    position:absolute;inset:0;overflow:hidden;isolation:isolate;background:transparent;
  }
  #aboutChapter .about2-backdrop:before,
  #aboutChapter .about2-backdrop:after{display:none!important;content:none!important}
  #aboutChapter .about2-mist{position:absolute;inset:-12%;background:
    radial-gradient(circle at 18% 18%,rgba(255,249,236,.95),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(215,208,226,.46),transparent 22%),
    radial-gradient(circle at 52% 74%,rgba(245,221,183,.34),transparent 28%);
    filter:blur(36px);animation:aboutFinalMist 18s ease-in-out infinite alternate}
  #aboutChapter .about2-hillside{position:absolute;left:-8%;right:-8%;bottom:-3%;height:54%;background:
    radial-gradient(ellipse at 8% 100%,rgba(159,134,98,.34),transparent 42%),
    radial-gradient(ellipse at 36% 100%,rgba(171,146,109,.40),transparent 48%),
    radial-gradient(ellipse at 74% 100%,rgba(182,157,118,.36),transparent 44%),
    radial-gradient(ellipse at 100% 100%,rgba(164,140,104,.30),transparent 36%),
    linear-gradient(180deg,rgba(230,219,199,0) 0%,rgba(213,199,173,.18) 18%,rgba(188,165,126,.28) 52%,rgba(163,136,98,.42) 78%,rgba(148,120,84,.54) 100%)}
  #aboutChapter .about2-slope{position:absolute;pointer-events:none}
  #aboutChapter .about2-slope-back{left:-6%;right:-2%;bottom:18%;height:24%;background:linear-gradient(170deg,rgba(210,187,147,.10) 8%,rgba(176,150,111,.16) 40%,rgba(160,133,95,.22) 100%);clip-path:polygon(0 100%,0 84%,14% 80%,28% 74%,46% 67%,62% 59%,78% 46%,100% 26%,100% 100%);opacity:.85}
  #aboutChapter .about2-slope-mid{left:-8%;right:-4%;bottom:8%;height:34%;background:linear-gradient(170deg,rgba(221,204,176,.08) 0%,rgba(176,150,111,.20) 36%,rgba(151,124,87,.32) 72%,rgba(135,108,74,.40) 100%);clip-path:polygon(0 100%,0 86%,12% 82%,26% 78%,42% 71%,58% 61%,72% 52%,86% 40%,100% 28%,100% 100%);filter:blur(.2px)}
  #aboutChapter .about2-slope-front{left:-10%;right:-8%;bottom:-1%;height:42%;background:linear-gradient(168deg,rgba(228,214,189,.06) 0%,rgba(182,154,116,.24) 34%,rgba(160,131,92,.38) 68%,rgba(138,110,74,.50) 100%);clip-path:polygon(0 100%,0 90%,10% 88%,22% 84%,34% 79%,48% 72%,60% 66%,73% 58%,86% 48%,100% 34%,100% 100%)}
  #aboutChapter .about2-contours{position:absolute;left:-4%;right:-4%;bottom:8%;height:48%;opacity:.38}
  #aboutChapter .about2-contours i{position:absolute;display:block;left:-6%;right:-6%;height:180px;border-top:1px solid rgba(157,133,96,.32);border-radius:50%}
  #aboutChapter .about2-contours i:nth-child(1){bottom:2%;transform:rotate(-7deg)}
  #aboutChapter .about2-contours i:nth-child(2){bottom:19%;transform:rotate(-7deg);opacity:.78}
  #aboutChapter .about2-contours i:nth-child(3){bottom:36%;transform:rotate(-7deg);opacity:.56}
  #aboutChapter .about2-contours i:nth-child(4){bottom:54%;transform:rotate(-7deg);opacity:.34}
  #aboutChapter .about2-wind{position:absolute;right:-12%;top:4%;width:66%;height:32%;transform:rotate(4deg);opacity:.68}
  #aboutChapter .about2-wind b{position:absolute;right:0;width:100%;height:18%;border-top:1px solid rgba(182,174,197,.34);border-radius:50%;background:linear-gradient(100deg,transparent 8%,rgba(206,198,219,.06) 32%,rgba(248,240,230,.18) 56%,transparent 82%);transform-origin:right center}
  #aboutChapter .about2-wind b:nth-child(1){top:2%;transform:rotate(-13deg);animation:aboutFinalWind1 11s ease-in-out infinite alternate}
  #aboutChapter .about2-wind b:nth-child(2){top:28%;transform:rotate(-4deg);opacity:.82;animation:aboutFinalWind2 13s ease-in-out .7s infinite alternate}
  #aboutChapter .about2-wind b:nth-child(3){top:55%;transform:rotate(7deg);opacity:.58;animation:aboutFinalWind3 15s ease-in-out 1.1s infinite alternate}
  #aboutChapter .about2-wind b:nth-child(4){top:80%;transform:rotate(16deg);opacity:.34;animation:aboutFinalWind4 17s ease-in-out 1.4s infinite alternate}
  #aboutChapter .about2-bloom{position:absolute;right:-4%;bottom:1%;width:58%;height:32%;opacity:.7;filter:none}
  #aboutChapter .about2-bloom span{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;animation:aboutFinalBloom 8.8s ease-in-out infinite alternate;transform-origin:center bottom}
  #aboutChapter .about2-bloom span:before,
  #aboutChapter .about2-bloom span:after{content:"";position:absolute;inset:18%;border-radius:55% 45% 58% 42%/44% 58% 42% 56%;border:1px solid rgba(255,246,230,.54);transform:rotate(28deg)}
  #aboutChapter .about2-bloom span:after{transform:rotate(78deg) scale(.82);border-color:rgba(226,205,224,.42)}
  #aboutChapter .about2-bloom .f1{left:4%;bottom:12%;width:186px;height:186px;background:radial-gradient(circle,rgba(255,228,179,.30),rgba(255,228,179,.08) 50%,transparent 72%)}
  #aboutChapter .about2-bloom .f2{left:34%;bottom:0;width:132px;height:132px;background:radial-gradient(circle,rgba(247,205,166,.24),rgba(247,205,166,.07) 48%,transparent 72%);animation-delay:1.2s}
  #aboutChapter .about2-bloom .f3{right:8%;bottom:10%;width:210px;height:210px;background:radial-gradient(circle,rgba(233,204,229,.24),rgba(233,204,229,.06) 48%,transparent 72%);animation-delay:2s}
  #aboutChapter .about2-bloom .f4{right:32%;bottom:-8%;width:164px;height:164px;background:radial-gradient(circle,rgba(255,239,194,.24),rgba(255,239,194,.06) 48%,transparent 72%);animation-delay:1.6s}
  #aboutChapter .about2-bloom .stem{position:absolute;display:block;width:2px;background:linear-gradient(180deg,rgba(127,136,95,0),rgba(127,136,95,.34) 36%,rgba(116,122,82,.52));transform-origin:bottom center;opacity:.34}
  #aboutChapter .about2-bloom .stem:before,
  #aboutChapter .about2-bloom .stem:after{content:"";position:absolute;width:22px;height:12px;border-radius:100% 0 100% 0;background:rgba(126,142,103,.20)}
  #aboutChapter .about2-bloom .stem:before{left:-21px;top:24%;transform:rotate(-28deg)}
  #aboutChapter .about2-bloom .stem:after{right:-21px;top:44%;transform:scaleX(-1) rotate(-28deg)}
  #aboutChapter .about2-bloom .s1{left:14%;bottom:0;height:108px;transform:rotate(-8deg)}
  #aboutChapter .about2-bloom .s2{left:41%;bottom:-1%;height:92px;transform:rotate(4deg)}
  #aboutChapter .about2-bloom .s3{right:24%;bottom:0;height:126px;transform:rotate(-4deg)}
  #aboutChapter .about2-noise{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(66,54,40,.55) 0 1px,transparent 1.25px);background-size:29px 29px;mix-blend-mode:multiply}

  #aboutChapter .about2-shell{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto 1fr}
  #aboutChapter .about2-topbar{height:62px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(78,66,52,.10);background:rgba(242,237,228,.70);backdrop-filter:blur(16px)}
  #aboutChapter .about2-brand{font:10px/1.3 Arial,sans-serif;letter-spacing:.14em;color:rgba(63,53,41,.72)}#aboutChapter .about2-brand small{display:block;margin-top:4px;font:7px/1.35 Arial,sans-serif;letter-spacing:.07em;color:rgba(63,53,41,.46);white-space:nowrap}
  #aboutChapter .about2-topbar button{appearance:none;border:0;background:none;color:rgba(63,53,41,.72);font:9px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;padding:8px 0}
  #aboutChapter .about2-topbar button:hover{color:#2f2923}
  #aboutChapter .about2-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(113,93,65,.22) transparent}
  #aboutChapter .about2-content{width:min(1240px,calc(100% - 60px));margin:0 auto;padding-bottom:120px}
  #aboutChapter .about2-hero{min-height:66vh;display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;padding:10vh 0 70px;border-bottom:1px solid var(--about-line)}
  #aboutChapter .about2-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.22em;color:var(--about-gold);margin-bottom:18px;text-transform:uppercase}
  #aboutChapter .about2-hero h1{margin:0;font:400 clamp(62px,8vw,112px)/.92 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.05em;color:#342e27}
  #aboutChapter .about2-hero h1 em{display:block;font-style:normal;color:#b48d50;margin-left:1.4em}
  #aboutChapter .about2-hero-note{align-self:center;max-width:none;border-top:1px solid rgba(69,56,41,.12);padding:24px 0 8px;font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:var(--about-muted)}
  #aboutChapter .about2-hero-note strong{display:block;color:#3b3128;font-size:17px;margin-bottom:10px}
  #aboutChapter .about2-nameblock{position:relative;display:grid;grid-template-columns:130px .72fr 1.12fr;gap:4vw;padding:98px 0;border-bottom:1px solid var(--about-line);align-items:start}
  #aboutChapter .about2-nameblock:before{content:"";position:absolute;inset:20% -4% 20% -4%;pointer-events:none;opacity:.66;filter:blur(18px)}
  #aboutChapter .about2-nameblock.lang:before{background:radial-gradient(ellipse at 24% 40%,rgba(218,193,154,.20),transparent 32%),radial-gradient(ellipse at 78% 56%,rgba(197,188,215,.14),transparent 28%)}
  #aboutChapter .about2-nameblock.walker:before{background:radial-gradient(ellipse at 22% 72%,rgba(182,157,118,.18),transparent 30%),linear-gradient(90deg,rgba(178,155,120,.08),transparent 55%)}
  #aboutChapter .about2-nameblock.wind:before{background:radial-gradient(ellipse at 74% 36%,rgba(199,190,216,.20),transparent 30%),linear-gradient(270deg,rgba(199,190,216,.08),transparent 58%)}
  #aboutChapter .about2-index{position:relative;z-index:1;font:9px/1.4 Arial,sans-serif;letter-spacing:.20em;color:var(--about-gold);padding-top:9px}
  #aboutChapter .about2-nameblock h2{position:relative;z-index:1;margin:0;font:500 clamp(44px,5vw,74px)/1 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.04em;color:#342e27}
  #aboutChapter .about2-nameblock h2 span{display:block;margin-top:12px;font:9px/1.4 Arial,sans-serif;letter-spacing:.17em;color:rgba(81,69,55,.46)}
  #aboutChapter .about2-namecopy{position:relative;z-index:1;max-width:720px;font:14px/2.04 "Noto Serif SC","Songti SC","STSong",serif;color:var(--about-muted)}
  #aboutChapter .about2-namecopy p{margin:0 0 16px}
  #aboutChapter .about2-namecopy .statement{font-size:18px;line-height:1.9;color:#43372c;margin-bottom:22px}
  #aboutChapter .about2-namecopy .quote{margin:24px 0;padding:17px 20px;border-left:1px solid var(--about-gold);background:rgba(255,250,242,.52);color:#5e4a37;box-shadow:0 8px 28px rgba(178,154,116,.08)}
  #aboutChapter .about2-namecopy .quote strong{color:#3b2f23}
  #aboutChapter .about2-wishes{padding:118px 0 34px;position:relative}
  #aboutChapter .about2-wishes:before{content:"";position:absolute;inset:18px -4vw 0;border-radius:40px;background:linear-gradient(180deg,rgba(255,249,238,.52),rgba(251,239,213,.44) 32%,rgba(246,231,238,.42) 68%,rgba(255,247,230,.50));border:1px solid rgba(175,150,111,.14);box-shadow:0 20px 44px rgba(175,150,111,.08)}
  #aboutChapter .about2-wishes>*{position:relative;z-index:1}
  #aboutChapter .about2-wishes-head{display:grid;grid-template-columns:.85fr .95fr;gap:7vw;align-items:end;margin-bottom:54px}
  #aboutChapter .about2-wishes-head h2{margin:0;font:500 clamp(52px,6vw,94px)/.98 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.04em;color:#342e27}
  #aboutChapter .about2-wishes-head h2 em{display:block;font-style:normal;color:#b48d50;margin-left:1.15em}
  #aboutChapter .about2-wishes-head p{font:13px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#6b6054;margin:0;max-width:none}
  #aboutChapter .about2-wishlist{display:grid;gap:20px;border-top:0}
  #aboutChapter .about2-wish{position:relative;overflow:hidden;display:grid;grid-template-columns:100px minmax(0,1fr) 190px;gap:25px;align-items:start;min-height:0;padding:32px;border:1px solid rgba(171,145,108,.18);background:linear-gradient(135deg,rgba(255,253,248,.84),rgba(248,237,213,.72) 42%,rgba(243,231,238,.72));backdrop-filter:blur(4px);box-shadow:0 14px 38px rgba(173,148,112,.08);transition:.5s ease}
  #aboutChapter .about2-wish:before{content:"";position:absolute;left:-42px;bottom:-72px;right:auto;top:auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,170,.22),transparent 70%);transform:none;transition:.8s ease}
  #aboutChapter .about2-wish:after{display:none!important;content:none!important}
  #aboutChapter .about2-wish:hover{transform:translateY(-4px);border-color:rgba(178,146,92,.32);box-shadow:0 18px 42px rgba(173,148,112,.12)}
  #aboutChapter .about2-wish:hover:before{transform:translate(18px,-18px) scale(1.1)}
  #aboutChapter .about2-wish .n{position:relative;z-index:1;font:9px/1.4 Arial,sans-serif;letter-spacing:.18em;color:var(--about-gold)}
  #aboutChapter .about2-wish-main{position:relative;z-index:1}
  #aboutChapter .about2-wish-main .eyebrow{font:9px/1.4 Arial,sans-serif;letter-spacing:.18em;color:rgba(74,61,47,.43);margin-bottom:10px}
  #aboutChapter .about2-wish h3{margin:0 0 12px;font:500 clamp(23px,2.3vw,33px)/1.5 "Noto Serif SC","Songti SC","STSong",serif;color:#403428}
  #aboutChapter .about2-wish p{margin:0;font:13px/1.92 "Noto Serif SC","Songti SC","STSong",serif;color:#655a4e}
  #aboutChapter .about2-wish small{position:relative;z-index:1;justify-self:end;text-align:right;color:rgba(74,61,47,.38);font-size:8px;line-height:1.7;letter-spacing:.10em}
  #aboutChapter .about2-end{display:none!important}

  @keyframes aboutFinalMist{to{transform:translate(3%,-2%) scale(1.05);opacity:.9}}
  @keyframes aboutFinalWind1{to{transform:translate(-5%,3%) rotate(-8deg) scaleX(1.05)}}
  @keyframes aboutFinalWind2{to{transform:translate(-8%,-2%) rotate(1deg) scaleX(1.08)}}
  @keyframes aboutFinalWind3{to{transform:translate(-4%,4%) rotate(12deg) scaleX(1.04)}}
  @keyframes aboutFinalWind4{to{transform:translate(-6%,1%) rotate(20deg) scaleX(1.04)}}
  @keyframes aboutFinalBloom{to{transform:translateY(-12px) scale(1.07);opacity:.94}}

  @media(max-width:850px){
    #aboutChapter .about2-content{width:calc(100% - 32px)}
    #aboutChapter .about2-hero{grid-template-columns:1fr;min-height:auto;padding:90px 0 55px;gap:40px}
    #aboutChapter .about2-nameblock{grid-template-columns:42px 1fr;padding:75px 0;gap:18px}
    #aboutChapter .about2-namecopy{grid-column:2}
    #aboutChapter .about2-wishes-head{grid-template-columns:1fr}
    #aboutChapter .about2-wish{grid-template-columns:48px 1fr;padding:26px 20px}
    #aboutChapter .about2-wish small{display:none}
    #aboutChapter .about2-wind{width:110%;right:-40%;opacity:.42}
    #aboutChapter .about2-bloom{width:95%;right:-25%}
  }
  @media(prefers-reduced-motion:reduce){
    #aboutChapter .about2-mist,
    #aboutChapter .about2-wind b,
    #aboutChapter .about2-bloom span{animation:none!important}
  }



#beingMergedChapter{
  position:fixed;inset:0;z-index:7000;display:none;background:#f4efe7;color:#302c28;
}
#beingMergedChapter.is-open{display:block}
#beingMergedChapter *{box-sizing:border-box}
#beingMergedChapter .bmc-top{
  position:absolute;left:0;right:0;top:0;height:66px;z-index:3;
  display:flex;align-items:center;gap:24px;padding:0 3vw;
  background:rgba(245,240,232,.92);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(70,61,49,.10);
  font:10px/1 Arial,sans-serif;letter-spacing:.13em;color:rgba(55,48,40,.72)
}
#beingMergedChapter .bmc-brand{
  font:500 12px/1 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.04em;white-space:nowrap
}
#beingMergedChapter .bmc-brand small{display:block;margin-top:5px;font:7px/1.35 Arial,sans-serif;letter-spacing:.07em;color:rgba(55,48,40,.46);white-space:nowrap}
#beingMergedChapter .bmc-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}
#beingMergedChapter button{
  appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;
  font:inherit;letter-spacing:inherit;padding:7px 0
}
#beingMergedChapter .bmc-nav button.is-active{
  color:#b4874d;border-bottom:1px solid rgba(180,135,77,.48)
}
#beingMergedChapter .bmc-actions{display:flex;gap:18px;white-space:nowrap}
#beingMergedChapter .bmc-actions button{border-bottom:1px solid rgba(180,135,77,.36)}
#beingMergedChapter .bmc-frame{
  position:absolute;left:0;right:0;top:66px;bottom:0;width:100%;height:calc(100% - 66px);
  border:0;background:#f4efe7
}
@media(max-width:760px){
  #beingMergedChapter .bmc-top{height:auto;min-height:66px;flex-wrap:wrap;gap:8px 16px;padding:11px 18px}
  #beingMergedChapter .bmc-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;gap:17px;padding-top:2px}
  #beingMergedChapter .bmc-frame{top:100px;height:calc(100% - 100px)}
  #beingMergedChapter .bmc-brand{font-size:11px} #beingMergedChapter .bmc-brand small{margin-top:3px;font-size:6.5px;letter-spacing:.055em}
}



#fieldChapter{
  position:fixed;inset:0;z-index:7100;display:none;overflow:hidden;
  background:#fffaf1;color:#3f352d;
}
#fieldChapter.is-open{display:block}
#fieldChapter *{box-sizing:border-box}
#fieldChapter .rf-topbar{
  position:absolute;left:0;right:0;top:0;height:72px;z-index:20;
  display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(160px,1fr);
  align-items:center;gap:24px;padding:0 4vw;
  background:rgba(255,251,244,.78);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(107,83,57,.08);
}
#fieldChapter .rf-brand{font:500 15px/1.1 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.025em;color:#3d342e;white-space:nowrap}
#fieldChapter .rf-brand small{display:block;margin-top:6px;font:7px/1.2 Arial,sans-serif;letter-spacing:.075em;color:rgba(62,52,45,.50)}
#fieldChapter .rf-nav{display:flex;align-items:center;gap:30px;font:10px/1 Arial,sans-serif;letter-spacing:.13em;color:rgba(65,55,47,.68)}
#fieldChapter .rf-nav button{appearance:none;border:0;background:transparent;color:inherit;padding:10px 0;cursor:pointer;font:inherit;letter-spacing:inherit;white-space:nowrap}
#fieldChapter .rf-nav button.is-current{color:#b17f3c;border-bottom:1px solid rgba(177,127,60,.70)}
#fieldChapter .rf-close{justify-self:end;appearance:none;border:0;background:transparent;border-bottom:1px solid rgba(177,127,60,.42);padding:7px 0;cursor:pointer;color:#665545;font:9px/1 Arial,sans-serif;letter-spacing:.12em}
#fieldChapter .rf-scroll{position:absolute;left:0;right:0;top:72px;bottom:0;overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(177,127,60,.28) transparent}
#fieldChapter .rf-stage{position:relative;min-height:calc(100vh - 72px);overflow:hidden;isolation:isolate;background:
  radial-gradient(ellipse at 50% 54%,rgba(255,255,255,.92) 0%,rgba(255,252,245,.86) 32%,rgba(251,243,230,.72) 68%,rgba(249,240,226,.82) 100%);
}
#fieldChapter .rf-stage:before{
  content:"";position:absolute;inset:-12%;z-index:-5;pointer-events:none;
  background:
    radial-gradient(ellipse at 7% 46%,rgba(255,205,121,.46),transparent 27%),
    radial-gradient(ellipse at 18% 66%,rgba(242,161,125,.30),transparent 25%),
    radial-gradient(ellipse at 91% 44%,rgba(159,187,245,.34),transparent 28%),
    radial-gradient(ellipse at 82% 70%,rgba(194,164,228,.27),transparent 27%),
    radial-gradient(ellipse at 50% 83%,rgba(255,223,162,.24),transparent 22%);
  filter:blur(32px);opacity:.96;
}
#fieldChapter .rf-stage:after{
  content:"";position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.22;
  background-image:radial-gradient(rgba(151,113,68,.26) .55px,transparent .7px);
  background-size:18px 18px;mix-blend-mode:multiply;
}
#fieldChapter .rf-flow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#fieldChapter .rf-ribbon{position:absolute;display:block;filter:blur(1.5px);opacity:.72;mix-blend-mode:multiply;transform-origin:center}
#fieldChapter .rf-ribbon:before,#fieldChapter .rf-ribbon:after{content:"";position:absolute;inset:0;border-radius:50%;}
#fieldChapter .rf-left .r1{left:-18%;top:24%;width:69%;height:36%;border-radius:52% 48% 64% 36%/58% 48% 52% 42%;transform:rotate(14deg);background:linear-gradient(105deg,rgba(255,235,190,.05),rgba(247,185,116,.58) 38%,rgba(241,153,133,.36) 68%,rgba(255,247,226,.04));animation:rfFloatL1 15s ease-in-out infinite alternate}
#fieldChapter .rf-left .r2{left:-8%;top:41%;width:61%;height:32%;border-radius:62% 38% 54% 46%/48% 56% 44% 52%;transform:rotate(-8deg);background:linear-gradient(100deg,rgba(255,238,193,.08),rgba(252,200,120,.42),rgba(241,176,148,.22),rgba(255,251,242,.03));animation:rfFloatL2 18s ease-in-out infinite alternate}
#fieldChapter .rf-left .r3{left:9%;top:31%;width:48%;height:45%;border-radius:44% 56% 62% 38%/62% 38% 62% 38%;transform:rotate(31deg);border:1px solid rgba(206,149,72,.23);background:radial-gradient(ellipse at 43% 50%,rgba(255,224,167,.32),transparent 58%);filter:blur(.2px);opacity:.68;animation:rfFloatL3 20s ease-in-out infinite alternate}
#fieldChapter .rf-left .r4{left:2%;top:15%;width:42%;height:52%;border-radius:50%;border:1px solid rgba(229,177,94,.18);background:transparent;filter:none;opacity:.58;transform:rotate(-17deg)}
#fieldChapter .rf-right .r1{right:-18%;top:21%;width:69%;height:39%;border-radius:48% 52% 38% 62%/48% 58% 42% 52%;transform:rotate(-16deg);background:linear-gradient(255deg,rgba(244,244,255,.04),rgba(149,183,244,.52) 34%,rgba(185,154,225,.34) 69%,rgba(255,248,232,.02));animation:rfFloatR1 16s ease-in-out infinite alternate}
#fieldChapter .rf-right .r2{right:-5%;top:43%;width:61%;height:31%;border-radius:40% 60% 52% 48%/54% 42% 58% 46%;transform:rotate(10deg);background:linear-gradient(250deg,rgba(247,245,255,.06),rgba(154,191,241,.40),rgba(204,170,225,.25),rgba(255,248,236,.03));animation:rfFloatR2 19s ease-in-out infinite alternate}
#fieldChapter .rf-right .r3{right:8%;top:30%;width:49%;height:46%;border-radius:56% 44% 40% 60%/42% 58% 42% 58%;transform:rotate(-29deg);border:1px solid rgba(137,163,221,.22);background:radial-gradient(ellipse at 56% 49%,rgba(173,201,249,.26),transparent 59%);filter:blur(.2px);opacity:.68;animation:rfFloatR3 21s ease-in-out infinite alternate}
#fieldChapter .rf-right .r4{right:1%;top:14%;width:42%;height:53%;border-radius:50%;border:1px solid rgba(155,166,222,.18);background:transparent;filter:none;opacity:.60;transform:rotate(18deg)}
#fieldChapter .rf-meet{position:absolute;left:50%;top:62%;width:34vw;height:11vw;min-width:380px;min-height:110px;transform:translate(-50%,-50%);z-index:-1;filter:blur(18px);opacity:.82;background:radial-gradient(ellipse,rgba(255,228,177,.58) 0%,rgba(244,203,196,.26) 33%,rgba(194,200,244,.20) 57%,transparent 75%);animation:rfPulse 9s ease-in-out infinite alternate}
#fieldChapter .rf-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(230,176,91,.72);box-shadow:0 0 14px rgba(230,176,91,.55);animation:rfSpark 5.5s ease-in-out infinite alternate}
#fieldChapter .rf-spark.s1{left:18%;top:39%}.rf-spark.s2{left:33%;top:71%;animation-delay:1.1s}.rf-spark.s3{left:72%;top:36%;animation-delay:.7s}.rf-spark.s4{left:83%;top:69%;animation-delay:1.8s}.rf-spark.s5{left:52%;top:58%;animation-delay:2.1s}
#fieldChapter .rf-content{position:relative;z-index:4;width:min(1180px,88vw);margin:0 auto;padding:52px 0 48px;text-align:center}
#fieldChapter .rf-kicker{margin-top:8px;font:10px/1 Arial,sans-serif;letter-spacing:.34em;color:#b17f3c}
#fieldChapter h1{margin:16px 0 0;font:500 clamp(46px,5.2vw,80px)/1.05 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.10em;color:#7b5a34}
#fieldChapter .rf-en{margin:12px 0 0;font:9px/1.2 Arial,sans-serif;letter-spacing:.42em;color:rgba(143,102,52,.70)}
#fieldChapter .rf-intro{max-width:760px;margin:35px auto 0;font:15px/2.1 "Noto Serif SC","Songti SC","STSong",serif;color:#51473f}
#fieldChapter .rf-intro p{margin:0}.rf-intro p+p{margin-top:8px}
#fieldChapter .rf-gates{display:grid;grid-template-columns:1fr minmax(120px,.5fr) 1fr;align-items:center;gap:38px;margin-top:26px;min-height:435px}
#fieldChapter .rf-gatewrap{display:flex;flex-direction:column;align-items:center;gap:19px;position:relative}
#fieldChapter .rf-gate{position:relative;width:270px;height:270px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#443931;background:rgba(255,250,240,.45);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 54px rgba(129,92,50,.10),inset 0 0 46px rgba(255,255,255,.44);transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
#fieldChapter .rf-gate:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(195,145,70,.16);transition:transform .55s ease,opacity .55s ease}
#fieldChapter .rf-gate.community:before{border-color:rgba(125,153,216,.18)}
#fieldChapter .rf-gate:hover{transform:translateY(-7px) scale(1.018);box-shadow:0 20px 64px rgba(122,91,58,.15),inset 0 0 52px rgba(255,255,255,.56)}
#fieldChapter .rf-gate:hover:before{transform:scale(1.08);opacity:.68}
#fieldChapter .rf-gate-inner{display:flex;flex-direction:column;align-items:center;gap:13px}
#fieldChapter .rf-symbol{width:33px;height:33px;position:relative;opacity:.84}
#fieldChapter .rf-symbol.leaf:before{content:"";position:absolute;left:7px;top:4px;width:17px;height:25px;border:1.5px solid #d99b39;border-radius:70% 0 70% 0;transform:rotate(42deg)}
#fieldChapter .rf-symbol.leaf:after{content:"";position:absolute;left:15px;top:5px;width:1px;height:27px;background:#d99b39;transform:rotate(42deg);transform-origin:center}
#fieldChapter .rf-symbol.people:before{content:"";position:absolute;left:10px;top:4px;width:9px;height:9px;border:1.4px solid #7c92d6;border-radius:50%;box-shadow:-9px 6px 0 -2px rgba(124,146,214,.0),9px 6px 0 -2px rgba(124,146,214,.0)}
#fieldChapter .rf-symbol.people:after{content:"";position:absolute;left:4px;bottom:3px;width:24px;height:13px;border:1.4px solid #7c92d6;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:-11px 4px 0 -1px rgba(124,146,214,.66),11px 4px 0 -1px rgba(124,146,214,.66)}
#fieldChapter .rf-gate h2{margin:0;font:500 29px/1.2 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.08em}
#fieldChapter .rf-gate small{font:8px/1 Arial,sans-serif;letter-spacing:.23em;color:rgba(75,61,51,.62)}
#fieldChapter .rf-arrow{margin-top:5px;font:300 25px/1 Arial,sans-serif;color:#6a5644}
#fieldChapter .rf-gate-note{max-width:330px;margin:0;font:13px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#62574e}
#fieldChapter .rf-middle{align-self:center;padding-bottom:32px;color:#9e7848}
#fieldChapter .rf-middle i{display:block;width:1px;height:42px;margin:0 auto 18px;background:linear-gradient(180deg,transparent,#b18755,transparent);position:relative}
#fieldChapter .rf-middle i:after{content:"";position:absolute;left:-3px;top:18px;width:7px;height:7px;transform:rotate(45deg);background:#c49b66}
#fieldChapter .rf-middle p{margin:0;font:14px/1.95 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.10em}
#fieldChapter .rf-middle small{display:block;margin-top:28px;font:7px/1.4 Arial,sans-serif;letter-spacing:.30em;color:rgba(142,104,58,.58)}
#fieldChapter .rf-foot{display:flex;align-items:center;gap:18px;margin-top:-8px;font:7px/1 Arial,sans-serif;letter-spacing:.28em;color:rgba(89,69,50,.50)}
#fieldChapter .rf-foot .line{height:1px;flex:1;background:linear-gradient(90deg,rgba(169,133,91,.3),rgba(136,133,146,.20),rgba(125,148,194,.26))}
@keyframes rfFloatL1{to{transform:translate(5%,4%) rotate(8deg) scale(1.04)}}
@keyframes rfFloatL2{to{transform:translate(4%,-4%) rotate(-3deg) scale(1.06)}}
@keyframes rfFloatL3{to{transform:translate(2%,3%) rotate(24deg) scale(1.05)}}
@keyframes rfFloatR1{to{transform:translate(-5%,4%) rotate(-9deg) scale(1.04)}}
@keyframes rfFloatR2{to{transform:translate(-4%,-4%) rotate(4deg) scale(1.06)}}
@keyframes rfFloatR3{to{transform:translate(-2%,3%) rotate(-23deg) scale(1.05)}}
@keyframes rfPulse{to{transform:translate(-50%,-50%) scale(1.12);opacity:.96}}
@keyframes rfSpark{to{transform:translateY(-13px) scale(1.35);opacity:.38}}
@media(max-width:980px){
 #fieldChapter .rf-topbar{grid-template-columns:1fr auto;padding:0 24px}.rf-nav{display:none!important}
 #fieldChapter .rf-content{width:min(92vw,760px);padding-top:42px}
 #fieldChapter .rf-gates{grid-template-columns:1fr;gap:32px;margin-top:42px;min-height:0}
 #fieldChapter .rf-middle{order:2;padding:0}.rf-gatewrap:first-child{order:1}.rf-gatewrap:last-child{order:3}
 #fieldChapter .rf-gate{width:250px;height:250px}
 #fieldChapter .rf-foot{margin-top:48px;padding-bottom:30px}
 #fieldChapter .rf-stage{min-height:auto;padding-bottom:30px}
 #fieldChapter .rf-left .r1,#fieldChapter .rf-left .r2{left:-55%;width:120%;opacity:.52}
 #fieldChapter .rf-right .r1,#fieldChapter .rf-right .r2{right:-55%;width:120%;opacity:.52}
}
@media(max-width:600px){
 #fieldChapter .rf-topbar{height:72px;padding:0 18px}.rf-brand{font-size:12px!important}.rf-brand small{font-size:6.5px!important;letter-spacing:.055em!important}
 #fieldChapter .rf-scroll{top:72px}
 #fieldChapter .rf-content{padding:34px 0 38px}
 #fieldChapter h1{font-size:44px;letter-spacing:.08em}
 #fieldChapter .rf-en{font-size:8px;letter-spacing:.28em}
 #fieldChapter .rf-intro{margin-top:25px;font-size:14px;line-height:1.95;text-align:left;width:min(88vw,480px)}
 #fieldChapter .rf-gates{margin-top:28px}
 #fieldChapter .rf-gate{width:220px;height:220px}
 #fieldChapter .rf-gate h2{font-size:26px}
 #fieldChapter .rf-gate-note{font-size:12.5px;line-height:1.82;max-width:280px}
 #fieldChapter .rf-middle p{font-size:13px}
 #fieldChapter .rf-flow{opacity:.82}
}
@media(prefers-reduced-motion:reduce){#fieldChapter .rf-ribbon,#fieldChapter .rf-meet,#fieldChapter .rf-spark{animation:none!important}}

#fieldChapter .rf-panel{display:none}
#fieldChapter .rf-panel.is-active{display:block}
#fieldChapter .rf-subpage{position:relative;min-height:calc(100vh - 72px);padding:54px 0 84px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fffaf2 0%,#fbf4ea 46%,#f8efe3 100%)}
#fieldChapter .rf-subpage:before{content:"";position:absolute;inset:-10%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 10% 18%,rgba(255,205,135,.34),transparent 25%),radial-gradient(ellipse at 18% 72%,rgba(245,168,138,.18),transparent 24%),radial-gradient(ellipse at 86% 24%,rgba(170,197,245,.26),transparent 26%),radial-gradient(ellipse at 78% 74%,rgba(204,181,235,.20),transparent 24%),radial-gradient(ellipse at 52% 52%,rgba(255,249,241,.88),transparent 40%);filter:blur(24px)}
#fieldChapter .rf-subpage > *{position:relative;z-index:1}
#fieldChapter .rf-sub-shell{width:min(1180px,calc(100% - 72px));margin:0 auto}
#fieldChapter .rf-sub-hero{display:grid;grid-template-columns:minmax(280px,.96fr) minmax(320px,1.04fr);gap:48px;align-items:end;padding:14px 0 32px;border-bottom:1px solid rgba(117,92,60,.10)}
#fieldChapter .rf-sub-kicker{font:10px/1 Arial,sans-serif;letter-spacing:.16em;color:#b17f3c;text-transform:uppercase;margin-bottom:14px}
#fieldChapter .rf-sub-hero h1{margin:0;font:400 clamp(34px,4.6vw,72px)/1.06 "Noto Serif SC","Songti SC","STSong",serif;color:#3c332d;letter-spacing:-.03em}
#fieldChapter .rf-sub-en{margin-top:10px;font:11px/1.1 Arial,sans-serif;letter-spacing:.16em;color:rgba(91,73,58,.48)}
#fieldChapter .rf-sub-note{font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#655c52;max-width:540px}
#fieldChapter .rf-sub-back{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:#8a6b45;font:10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(177,127,60,.34);padding-bottom:6px;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}
#fieldChapter .rf-glass-card{background:rgba(255,251,245,.62);border:1px solid rgba(132,104,71,.10);box-shadow:0 20px 54px rgba(193,170,144,.10), inset 0 1px 0 rgba(255,255,255,.38);backdrop-filter:blur(8px);border-radius:30px;padding:28px 28px 26px}
#fieldChapter .rf-glass-card h2{margin:0 0 10px;font:400 clamp(25px,2.5vw,38px)/1.18 "Noto Serif SC","Songti SC","STSong",serif;color:#3b332d}
#fieldChapter .rf-glass-card p{margin:0;font:13px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#6a6056}
#fieldChapter .rf-glass-card small{display:block;margin-bottom:10px;font:10px/1 Arial,sans-serif;letter-spacing:.18em;color:#b17f3c;text-transform:uppercase}
#fieldChapter .rf-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
#fieldChapter .rf-btn{appearance:none;border:1px solid rgba(70,59,49,.16);background:rgba(255,255,255,.54);border-radius:999px;padding:11px 16px;font:11px/1 Arial,sans-serif;letter-spacing:.12em;color:#56483d;cursor:pointer}
#fieldChapter .rf-btn.primary{background:#f3eadb;border-color:rgba(177,127,60,.28);color:#7d5d37}
#fieldChapter .rf-response-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:30px}
#fieldChapter .rf-response-card{display:flex;flex-direction:column;justify-content:space-between;min-height:420px}
#fieldChapter .rf-response-card.private{background:linear-gradient(180deg,rgba(255,249,242,.82),rgba(249,238,225,.72))}
#fieldChapter .rf-response-card.public{background:linear-gradient(180deg,rgba(251,251,255,.76),rgba(242,244,250,.72))}
#fieldChapter .rf-card-intro{margin-bottom:18px}
#fieldChapter .rf-card-intro p{margin-top:8px}
#fieldChapter .rf-private-form{display:grid;gap:14px;margin-top:18px}
#fieldChapter .rf-private-form label{display:grid;gap:6px;font:12px/1.5 "Noto Serif SC","Songti SC","STSong",serif;color:#5d544b}
#fieldChapter .rf-private-form label span{font:10px/1 Arial,sans-serif;letter-spacing:.08em;color:#97897a}
#fieldChapter .rf-private-form input,#fieldChapter .rf-private-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(115,93,66,.14);background:rgba(255,255,255,.62);border-radius:16px;padding:12px 14px;font:13px/1.6 inherit;color:#423933;outline:none}
#fieldChapter .rf-private-form input:focus,#fieldChapter .rf-private-form textarea:focus{border-color:rgba(177,127,60,.42);box-shadow:0 0 0 4px rgba(217,188,148,.12)}
#fieldChapter .rf-private-form textarea{resize:vertical;min-height:160px}
#fieldChapter .rf-form-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#fieldChapter .rf-status{font:11px/1.6 "Noto Serif SC","Songti SC","STSong",serif;color:#7c6e60;min-height:1.6em}
#fieldChapter .rf-public-bridge{display:grid;gap:20px;align-content:space-between;height:100%}
#fieldChapter .rf-bridge-quote{font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#665d56}
#fieldChapter .rf-public-points{display:grid;gap:12px;margin-top:8px}
#fieldChapter .rf-public-points div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.42);font:12px/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#60564c}
#fieldChapter .rf-guide-block{margin-top:34px;padding:22px 24px 18px;border-top:1px solid rgba(120,95,65,.12);border-bottom:1px solid rgba(120,95,65,.12);background:rgba(255,255,255,.28)}
#fieldChapter .rf-guide-head{display:flex;align-items:center;gap:10px;font:14px/1.5 "Noto Serif SC","Songti SC","STSong",serif;color:#5e5145;margin-bottom:14px}
#fieldChapter .rf-guide-head span{font:16px/1 Arial,sans-serif;color:#b17f3c}
#fieldChapter .rf-guide-copy p{margin:0 0 12px;font:13px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#655b52}
#fieldChapter .rf-guide-copy p:last-child{margin-bottom:0}
#fieldChapter .rf-guide-copy strong{color:#3c352f}
#fieldChapter .rf-guide-note{padding-top:12px;margin-top:14px;border-top:1px solid rgba(120,95,65,.12);color:#7c6f62!important}
#fieldChapter .rf-community-grid{display:grid;grid-template-columns:340px 1fr;gap:26px;padding-top:30px}
#fieldChapter .rf-side-stack{display:grid;gap:18px}
#fieldChapter .rf-side-card h3,#fieldChapter .rf-feed-head h3{margin:0 0 12px;font:400 22px/1.2 "Noto Serif SC","Songti SC","STSong",serif;color:#3c342d}
#fieldChapter .rf-space-list{display:grid;gap:12px}
#fieldChapter .rf-space-item{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid rgba(126,100,71,.10)}
#fieldChapter .rf-space-item strong{display:block;font:14px/1.4 "Noto Serif SC","Songti SC","STSong",serif;color:#4b4035;margin-bottom:5px}
#fieldChapter .rf-space-item span{display:block;font:11px/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#776b5f}
#fieldChapter .rf-auth-state{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.46);font:12px/1.85 "Noto Serif SC","Songti SC","STSong",serif;color:#675c50}
#fieldChapter .rf-feed-panel{min-height:620px}
#fieldChapter .rf-feed-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:14px}
#fieldChapter .rf-feed-head p{max-width:430px;margin:0;font:12px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#6c6258}
#fieldChapter .rf-compose{display:grid;gap:12px;padding:18px;border-radius:22px;background:rgba(255,255,255,.42);border:1px solid rgba(122,100,78,.10);margin-bottom:18px}
#fieldChapter .rf-compose textarea{width:100%;min-height:92px;border:0;background:transparent;resize:vertical;outline:none;font:13px/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#463d36}
#fieldChapter .rf-compose-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font:10px/1 Arial,sans-serif;letter-spacing:.12em;color:#897a6c}
#fieldChapter .rf-post-list{display:grid;gap:16px}
#fieldChapter .rf-post{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.52);border:1px solid rgba(126,101,71,.10)}
#fieldChapter .rf-post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font:10px/1 Arial,sans-serif;letter-spacing:.12em;color:#9a8a78;text-transform:uppercase}
#fieldChapter .rf-post-title{margin:0 0 8px;font:400 18px/1.45 "Noto Serif SC","Songti SC","STSong",serif;color:#423932}
#fieldChapter .rf-post p{margin:0;font:13px/1.95 "Noto Serif SC","Songti SC","STSong",serif;color:#655b51}
#fieldChapter .rf-post-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font:10px/1 Arial,sans-serif;letter-spacing:.1em;color:#907e6d}
@media(max-width:960px){#fieldChapter .rf-sub-shell{width:min(100%,calc(100% - 40px))}#fieldChapter .rf-sub-hero,#fieldChapter .rf-community-grid,#fieldChapter .rf-response-options{grid-template-columns:1fr}#fieldChapter .rf-response-card{min-height:auto}#fieldChapter .rf-feed-panel{min-height:auto}}
@media(max-width:760px){#fieldChapter .rf-subpage{min-height:calc(100vh - 108px);padding:34px 0 68px}#fieldChapter .rf-sub-shell{width:min(100%,calc(100% - 28px))}#fieldChapter .rf-sub-hero{gap:22px;padding:4px 0 24px}#fieldChapter .rf-sub-note{font-size:13px;line-height:1.95}#fieldChapter .rf-glass-card{padding:22px 18px 20px;border-radius:22px}#fieldChapter .rf-feed-head{display:grid}}

#fieldChapter details.rf-guide-block{padding:0;overflow:hidden}
#fieldChapter details.rf-guide-block summary{list-style:none;cursor:pointer;padding:22px 24px 18px;display:flex;align-items:center;gap:10px}
#fieldChapter details.rf-guide-block summary::-webkit-details-marker{display:none}
#fieldChapter details.rf-guide-block .rf-guide-head{margin:0;flex:1}
#fieldChapter details.rf-guide-block .rf-guide-copy{padding:0 24px 18px;display:grid}
#fieldChapter details.rf-guide-block .rf-guide-arrow{margin-left:auto;font:16px/1 Arial,sans-serif;color:#b17f3c;transition:transform .22s ease}
#fieldChapter details.rf-guide-block[open] .rf-guide-arrow{transform:rotate(90deg)}

#fieldChapter .rf-community-page .rf-sub-hero{grid-template-columns:1fr;max-width:760px}
#fieldChapter .rf-topic-note{margin:16px 2px 0!important;padding-top:14px;border-top:1px solid rgba(120,95,65,.10);font:11.5px/1.85 "Noto Serif SC","Songti SC","STSong",serif!important;color:#7a6e62!important}
#fieldChapter .community-status{margin:0;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#9a8a78;white-space:nowrap}
#fieldChapter .community-cats{display:flex;flex-direction:column;gap:6px}
#fieldChapter .community-cat{appearance:none;border:0;border-left:2px solid transparent;background:transparent;text-align:left;padding:10px 11px;cursor:pointer;color:#65594d;font:12px/1.45 "Noto Serif SC","Songti SC","STSong",serif;border-radius:0 14px 14px 0;transition:.18s ease}
#fieldChapter .community-cat:hover,#fieldChapter .community-cat.active{background:rgba(255,255,255,.48);border-left-color:#b17f3c;color:#3f362f}
#fieldChapter .auth-tabs{display:flex;gap:8px;margin-bottom:12px}
#fieldChapter .auth-tabs button{flex:1;appearance:none;border:1px solid rgba(113,91,67,.14);background:rgba(255,255,255,.42);border-radius:999px;padding:9px 10px;cursor:pointer;font:11px/1 Arial,sans-serif;letter-spacing:.08em;color:#6c5d4f}
#fieldChapter .auth-tabs button.active{background:#efe3d1;border-color:rgba(177,127,60,.28);color:#6e4f2e}
#fieldChapter .community-form{display:grid;gap:10px}
#fieldChapter .community-form input,#fieldChapter .community-form textarea,#fieldChapter .community-form select{width:100%;box-sizing:border-box;border:1px solid rgba(115,93,66,.14);background:rgba(255,255,255,.62);border-radius:14px;padding:11px 13px;font:12.5px/1.55 Arial,"Noto Serif SC",sans-serif;color:#463c34;outline:none}
#fieldChapter .community-form textarea{min-height:110px;resize:vertical;font-family:"Noto Serif SC","Songti SC","STSong",serif}
#fieldChapter .community-form input:focus,#fieldChapter .community-form textarea:focus,#fieldChapter .community-form select:focus{border-color:rgba(177,127,60,.42);box-shadow:0 0 0 4px rgba(217,188,148,.11)}
#fieldChapter .community-form button,#fieldChapter .community-action{appearance:none;border:1px solid rgba(177,127,60,.28);background:#efe3d1;color:#6e4f2e;border-radius:999px;padding:10px 14px;cursor:pointer;font:11px/1 Arial,sans-serif;letter-spacing:.08em}
#fieldChapter .community-action.secondary{background:rgba(255,255,255,.48);color:#67594c;border-color:rgba(105,84,62,.14)}
#fieldChapter .community-user{font:13px/1.7 "Noto Serif SC","Songti SC","STSong",serif;color:#5c5045}
#fieldChapter .community-compose{border:1px solid rgba(126,101,71,.10);background:rgba(255,255,255,.40);padding:20px;border-radius:20px;margin-bottom:16px}
#fieldChapter .community-compose h2{margin:0 0 13px;font:400 19px/1.35 "Noto Serif SC","Songti SC","STSong",serif;color:#40372f}
#fieldChapter .community-note{margin:0;font:11.5px/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#817467}
#fieldChapter .community-post{border-top:1px solid rgba(126,101,71,.10);padding:22px 3px 20px}
#fieldChapter .community-post:first-child{border-top:0}
#fieldChapter .community-post-meta{font:9.5px/1.3 Arial,sans-serif;color:#9a8b7c;letter-spacing:.05em;margin-bottom:7px}
#fieldChapter .community-post h2{font:400 19px/1.45 "Noto Serif SC","Songti SC","STSong",serif;color:#40372f;margin:0 0 8px}
#fieldChapter .community-post p{font:13px/1.9 "Noto Serif SC","Songti SC","STSong",serif;color:#655b51;margin:0 0 12px;white-space:pre-wrap}
#fieldChapter .community-post audio{width:min(520px,100%);margin:8px 0}
#fieldChapter .community-post-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
#fieldChapter .community-empty{border:1px dashed rgba(126,101,71,.16);border-radius:18px;padding:42px 24px;text-align:center;color:#7d7063;font:12px/1.7 "Noto Serif SC","Songti SC","STSong",serif}
#fieldChapter .community-empty strong{display:block;font:400 18px/1.4 "Noto Serif SC","Songti SC","STSong",serif;color:#4a4037;margin-bottom:0}
#fieldChapter .community-replies{margin:15px 0 0 16px;padding-left:15px;border-left:1px solid rgba(126,101,71,.12)}
#fieldChapter .community-reply{padding:10px 0;border-top:1px solid rgba(126,101,71,.08);font:12px/1.7 "Noto Serif SC","Songti SC","STSong",serif;color:#655b51}
#fieldChapter .community-reply:first-child{border-top:0}
#fieldChapter .community-reply small{color:#918273}
#fieldChapter .private-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#fieldChapter .rf-feed-head{align-items:center;margin-bottom:16px}
#fieldChapter .rf-feed-head h3{margin:0}



/* Performance guard: hidden scenes must not keep animating off-screen. */
:is(.act:not(.is-active),.site-shell:not(.visible) .act,.sound-chapter:not(.is-open),.about-chapter:not(.is-open),#beingMergedChapter:not(.is-open),#fieldChapter:not(.is-open),#fieldChapter .rf-panel:not(.is-active),body.zephyra-overlay-open .act) *,
:is(.act:not(.is-active),.site-shell:not(.visible) .act,.sound-chapter:not(.is-open),.about-chapter:not(.is-open),#beingMergedChapter:not(.is-open),#fieldChapter:not(.is-open),#fieldChapter .rf-panel:not(.is-active),body.zephyra-overlay-open .act) *::before,
:is(.act:not(.is-active),.site-shell:not(.visible) .act,.sound-chapter:not(.is-open),.about-chapter:not(.is-open),#beingMergedChapter:not(.is-open),#fieldChapter:not(.is-open),#fieldChapter .rf-panel:not(.is-active),body.zephyra-overlay-open .act) *::after,
body.zephyra-tab-hidden *,body.zephyra-tab-hidden *::before,body.zephyra-tab-hidden *::after {
  animation-play-state:paused!important;
}

/* On smaller screens, expensive glass blur is the first effect to shed. */
@media(max-width:900px){
  .sound-topbar,
  #beingMergedChapter .bmc-top,
  #fieldChapter .rf-topbar {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* === Production split helpers: no visual redesign === */
.prod-page{min-height:100vh}
.prod-global-top{position:sticky;top:0;z-index:9000;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 3vw;background:rgba(245,240,232,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(70,61,49,.10);color:#403931;font:10px/1.35 Arial,"Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.11em}
.prod-global-brand{font:500 12px/1.25 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.04em;white-space:nowrap}.prod-global-brand small{display:block;margin-top:4px;font:7px/1.2 Arial,sans-serif;letter-spacing:.065em;color:rgba(62,52,45,.52)}
.prod-global-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.prod-global-nav a{color:inherit;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}.prod-global-nav a.active{color:#a67b43;border-color:rgba(166,123,67,.5)}
.prod-global-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.prod-global-actions a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(166,123,67,.35);padding-bottom:3px}
#soundChapter.prod-standalone,#fieldChapter.prod-standalone,#aboutChapter.prod-standalone{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#fieldChapter.prod-standalone,#aboutChapter.prod-standalone,.sound-chapter.prod-standalone{position:fixed!important;inset:0!important}
.prod-research-wrap{min-height:100vh;background:#f5efe6;color:#2f2d29}.prod-research-main{width:min(1180px,calc(100% - 72px));margin:0 auto;padding:72px 0 96px}.prod-research-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.1fr);gap:60px;align-items:center}.prod-research-copy .act-meta{margin-bottom:18px}.prod-research-copy h1{font:400 clamp(38px,5vw,70px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;margin:0 0 24px;letter-spacing:-.04em}.prod-research-copy p{font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#625c55;max-width:520px}.prod-research-copy .act-lead{font-size:16px;color:#403b35}.prod-research-visual{height:min(68vh,650px)}
@media(max-width:900px){.prod-global-top{flex-wrap:wrap;gap:8px 16px;padding:10px 18px}.prod-global-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;gap:18px}.prod-research-main{width:calc(100% - 36px);padding-top:42px}.prod-research-grid{grid-template-columns:1fr;gap:36px}.prod-research-visual{height:440px}}
@media(max-width:620px){.prod-global-brand{font-size:11px}.prod-global-actions{font-size:9px}.prod-research-visual{height:340px}}


/* === 2026-09-12 unified module navigation === */
.sound-top-actions a{display:inline-block;border:0;background:none;padding:5px 0;color:#4b4741;font:10px/1.2 Arial,sans-serif;letter-spacing:.12em;text-decoration:none;white-space:nowrap}
.sound-top-actions a:hover{color:#aa7b34}
.sound-chapter.narrative-mode .sound-top-actions a,.sound-chapter.archive-mode .sound-top-actions a,.sound-chapter.opera-mode .sound-top-actions a,.sound-chapter.lab-mode .sound-top-actions a,.sound-chapter.space-mode .sound-top-actions a{color:inherit}
.sound-chapter.narrative-mode .sound-top-actions a:hover,.sound-chapter.archive-mode .sound-top-actions a:hover,.sound-chapter.opera-mode .sound-top-actions a:hover{color:#fff}
.sound-chapter.lab-mode .sound-top-actions a:hover{color:#f4d99f}.sound-chapter.space-mode .sound-top-actions a:hover{color:#e0b574}
#fieldChapter .rf-top-actions{justify-self:end;display:flex;align-items:center;gap:16px;white-space:nowrap}
#fieldChapter .rf-top-actions>a{appearance:none;border:0;background:transparent;border-bottom:1px solid rgba(177,127,60,.42);padding:7px 0;color:#665545;font:9px/1 Arial,sans-serif;letter-spacing:.12em;text-decoration:none}
#fieldChapter .rf-top-actions>a:hover{color:#b17f3c}
#aboutChapter .about2-topbar{display:grid!important;grid-template-columns:minmax(190px,1fr) auto minmax(170px,1fr)!important;gap:22px!important}
#aboutChapter .about2-module-nav{display:flex;align-items:center;justify-content:center;gap:20px;font:9px/1 Arial,sans-serif;letter-spacing:.10em;color:rgba(63,53,41,.66);white-space:nowrap}
#aboutChapter .about2-module-nav a{color:inherit;text-decoration:none;padding:7px 0;border-bottom:1px solid transparent}
#aboutChapter .about2-module-nav a:hover,#aboutChapter .about2-module-nav a.active{color:#9b7544;border-color:rgba(155,117,68,.52)}
#aboutChapter .about2-top-actions{justify-self:end;display:flex;align-items:center;gap:16px;white-space:nowrap}
#aboutChapter .about2-top-actions a{color:rgba(63,53,41,.72);font:9px/1 Arial,sans-serif;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid rgba(155,117,68,.34);padding:7px 0}
#aboutChapter .about2-top-actions a:hover{color:#9b7544}
@media(max-width:980px){
  #aboutChapter .about2-topbar{grid-template-columns:1fr auto!important}.about2-module-nav{display:none!important}
  #fieldChapter .rf-top-actions{gap:11px}
}
@media(max-width:680px){
  .sound-top-actions a{font-size:9px;letter-spacing:.08em}
  #fieldChapter .rf-top-actions>a,#aboutChapter .about2-top-actions a{font-size:8px;letter-spacing:.08em}
  #aboutChapter .about2-top-actions{gap:10px}
}


/* Unified module navigation choices — 2026-09-12 */
.nav-choice-sep{display:inline-block;flex:0 0 auto;border:0!important;padding:0!important;margin:0 1px;color:currentColor;opacity:.42;font:inherit;letter-spacing:0!important;text-decoration:none!important;pointer-events:none}
#aboutChapter .about2-topbar{grid-template-columns:minmax(190px,1fr) auto!important}


/* === 2026-09-12 final navigation wording + About scale refinement === */
/* “联系 / 合作” is one action; “返回首页” is a separate action. */
.sound-top-actions,
#fieldChapter .rf-top-actions,
#aboutChapter .about2-top-actions,
.prod-global-actions,
.page .tools{column-gap:22px!important}

/* About is a single page: no middle module navigation. */
#aboutChapter .about2-topbar{grid-template-columns:minmax(190px,1fr) auto!important}
#aboutChapter .about2-module-nav{display:none!important}

/* Reduce oversized About typography without changing the visual language. */
#aboutChapter .about2-nameblock h2{
  font-size:clamp(32px,3.45vw,50px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
#aboutChapter .about2-wishes-head h2{
  font-size:clamp(34px,4vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
#aboutChapter .about2-wish h3{
  font-size:clamp(18px,1.65vw,24px)!important;
  line-height:1.52!important;
}
@media(max-width:680px){
  #aboutChapter .about2-nameblock h2{font-size:32px!important}
  #aboutChapter .about2-wishes-head h2{font-size:34px!important}
  #aboutChapter .about2-wish h3{font-size:18px!important}
}

/* === 2026-09-12 canonical top navigation — final consistency pass ===
   Main nav text (brand first line / module nav / right actions) shares one typeface + size.
   Brand subtitle is always a second, smaller line.
   Right actions remain two separate links aligned to the right.
*/
:root{--z-nav-font:10px;--z-nav-line:1.2;--z-nav-track:.12em;--z-nav-small:7px}

/* Shared top-level nav typography */
.sound-top-brand,
#fieldChapter .rf-brand,
#aboutChapter .about2-brand,
.prod-global-brand{
  font-family:Arial,sans-serif!important;
  font-size:var(--z-nav-font)!important;
  line-height:var(--z-nav-line)!important;
  font-weight:400!important;
  letter-spacing:var(--z-nav-track)!important;
  white-space:nowrap!important;
}
.sound-top-brand small,
#fieldChapter .rf-brand small,
#aboutChapter .about2-brand small,
.prod-global-brand small{
  display:block!important;
  margin-top:4px!important;
  font-family:Arial,sans-serif!important;
  font-size:var(--z-nav-small)!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}

.sound-section-nav button,
#fieldChapter .rf-nav button,
#aboutChapter .about2-module-nav a,
.prod-global-nav a,
.sound-top-actions a,
#fieldChapter .rf-top-actions>a,
#aboutChapter .about2-top-actions a,
.prod-global-actions a{
  font-family:Arial,sans-serif!important;
  font-size:var(--z-nav-font)!important;
  line-height:var(--z-nav-line)!important;
  font-weight:400!important;
  letter-spacing:var(--z-nav-track)!important;
}

/* Keep left / middle / right zones stable on desktop. */
.sound-topbar{
  grid-template-columns:minmax(230px,1fr) auto minmax(210px,1fr)!important;
  align-items:center!important;
}
#fieldChapter .rf-topbar{
  grid-template-columns:minmax(230px,1fr) auto minmax(210px,1fr)!important;
  align-items:center!important;
}
#aboutChapter .about2-topbar{
  grid-template-columns:minmax(230px,1fr) minmax(210px,1fr)!important;
  align-items:center!important;
}
.prod-global-top{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) auto minmax(210px,1fr)!important;
  align-items:center!important;
}
.sound-section-nav,#fieldChapter .rf-nav,.prod-global-nav{justify-self:center!important}
.sound-top-actions,#fieldChapter .rf-top-actions,#aboutChapter .about2-top-actions,.prod-global-actions{
  justify-self:end!important;
  justify-content:flex-end!important;
  display:flex!important;
  align-items:center!important;
  column-gap:24px!important;
  white-space:nowrap!important;
}
.sound-top-actions>a,#fieldChapter .rf-top-actions>a,#aboutChapter .about2-top-actions>a,.prod-global-actions>a{
  display:inline-block!important;
  flex:0 0 auto!important;
}

/* About: materially reduce the three name headings, vision heading and wish titles. */
#aboutChapter .about2-nameblock h2{
  font-size:clamp(24px,2.4vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
#aboutChapter .about2-wishes-head h2{
  font-size:clamp(26px,2.8vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
#aboutChapter .about2-wish h3{
  font-size:clamp(15px,1.3vw,19px)!important;
  line-height:1.65!important;
}

@media(max-width:900px){
  .sound-topbar,#fieldChapter .rf-topbar,.prod-global-top{grid-template-columns:1fr auto!important;gap:10px 16px!important}
  .sound-section-nav,#fieldChapter .rf-nav,.prod-global-nav{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;overflow:auto!important;max-width:100%!important}
  #aboutChapter .about2-topbar{grid-template-columns:1fr auto!important}
}
@media(max-width:680px){
  :root{--z-nav-font:9px;--z-nav-small:6.5px}
  #aboutChapter .about2-nameblock h2{font-size:24px!important}
  #aboutChapter .about2-wishes-head h2{font-size:26px!important}
  #aboutChapter .about2-wish h3{font-size:16px!important}
  .sound-top-actions,#fieldChapter .rf-top-actions,#aboutChapter .about2-top-actions,.prod-global-actions{column-gap:14px!important}
}

/* Resonance theme descriptions — 2026-09-12 */
#fieldChapter .community-cat-title{display:block;font:inherit;color:inherit}
#fieldChapter .community-cat-desc{display:block;margin-top:5px;max-width:42em;font:10px/1.65 Arial,sans-serif;letter-spacing:.01em;color:rgba(101,89,77,.72)}
#fieldChapter .community-cat.active .community-cat-desc,#fieldChapter .community-cat:hover .community-cat-desc{color:rgba(63,54,47,.72)}


/* Contact page + shared signature block — 2026-09-12 */
.prod-contact-page{margin:0;min-height:100vh;background:
  radial-gradient(circle at 82% 16%,rgba(223,199,158,.24),transparent 30%),
  radial-gradient(circle at 18% 82%,rgba(209,202,224,.22),transparent 34%),
  linear-gradient(180deg,#f5f0e8 0%,#efe7dc 100%);color:#40372f}
.prod-contact-top{grid-template-columns:minmax(230px,1fr) minmax(210px,1fr)!important}
.prod-contact-top .prod-contact-nav{display:none!important}
.prod-contact-main{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:92px 0 52px}
.prod-contact-card{position:relative;overflow:hidden;padding:74px clamp(28px,7vw,92px) 82px;border:1px solid rgba(150,125,92,.16);background:rgba(255,252,246,.72);box-shadow:0 22px 70px rgba(116,92,64,.08);backdrop-filter:blur(8px)}
.prod-contact-card:before{content:"";position:absolute;right:-10%;top:-26%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(217,182,119,.26),rgba(217,182,119,.04) 50%,transparent 72%)}
.prod-contact-kicker{position:relative;z-index:1;font:9px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#a07846;margin-bottom:20px}
.prod-contact-card h1{position:relative;z-index:1;margin:0;font:500 clamp(34px,4.2vw,58px)/1.1 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em;color:#342d26}
.prod-contact-rule{position:relative;z-index:1;width:42px;height:1px;background:rgba(160,120,70,.55);margin:25px 0 42px}
.prod-contact-copy{position:relative;z-index:1;max-width:700px}
.prod-contact-copy h2{margin:0 0 24px;font:500 20px/1.5 "Noto Serif SC","Songti SC","STSong",serif;color:#3e342c}
.prod-contact-copy p{margin:0 0 20px;font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#65594d}
.prod-contact-copy .prod-contact-email{margin-top:30px}
.prod-contact-email a{font:500 clamp(16px,2vw,22px)/1.5 Arial,sans-serif;letter-spacing:.015em;color:#9a7040;text-decoration:none;border-bottom:1px solid rgba(154,112,64,.38);padding-bottom:4px}
.prod-contact-email a:hover{color:#6f4d2c;border-color:#6f4d2c}
.site-signature-block{position:relative;overflow:hidden;margin-top:34px;padding:34px clamp(24px,5vw,54px) 36px;background:
  radial-gradient(circle at 85% 20%,rgba(189,145,75,.16),transparent 34%),
  linear-gradient(135deg,#171713 0%,#1d1b16 55%,#121210 100%);color:#f2eadf;border:1px solid rgba(214,176,109,.14);box-shadow:0 18px 46px rgba(20,18,14,.16)}
.site-signature-block:before{content:"";position:absolute;left:0;top:0;width:74px;height:1px;background:linear-gradient(90deg,#d3ab69,transparent)}
.site-signature-name{position:relative;z-index:1;font:500 12px/1.4 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.08em;color:#f2eadf}
.site-signature-line{position:relative;z-index:1;margin-top:10px;font:13px/1.75 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.08em;color:rgba(214,176,109,.90)}
#aboutChapter .about-signature{margin:46px 0 26px;border-radius:0}
@media(max-width:900px){.prod-contact-top{grid-template-columns:1fr auto!important}.prod-contact-main{width:calc(100% - 36px);padding-top:58px}.prod-contact-card{padding:54px 26px 62px}}
@media(max-width:620px){.prod-contact-main{width:calc(100% - 28px);padding-top:38px}.prod-contact-card{padding:44px 20px 48px}.prod-contact-copy h2{font-size:18px}.site-signature-block{padding:28px 22px 30px}.site-signature-line{font-size:12px}}

/* Internal long-form production pages must scroll normally; the homepage itself remains full-screen. */
body.prod-contact-page,body.prod-research-page{height:auto!important;min-height:100vh!important;overflow:auto!important;overflow-x:hidden!important}

/* === Unified site footer — 2026-09-12 ===
   Warm, spacious end-cap inspired by the earlier site footer, redesigned for the new visual system.
*/
.ze-site-footer{
  position:relative;z-index:60;
  margin-top:clamp(52px,7vw,96px);
  background:linear-gradient(180deg,rgba(249,246,240,.92) 0%,rgba(241,236,228,.98) 100%);
  border-top:1px solid rgba(68,58,48,.12);
  color:#3b342d;
}
.ze-site-footer-inner{width:min(1180px,calc(100% - 72px));margin:0 auto;padding:clamp(34px,4vw,52px) 0 18px}
.ze-site-footer-main{display:flex;align-items:flex-end;justify-content:space-between;gap:42px}
.ze-site-footer-signature{min-width:0}
.ze-site-footer-name{font:500 clamp(14px,1.25vw,18px)/1.35 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.035em;color:#332d27}
.ze-site-footer-motto{margin-top:8px;font:400 clamp(12px,1vw,15px)/1.65 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:.08em;color:#9c7748}
.ze-site-footer-mark{display:flex;align-items:center;gap:12px;opacity:.52;padding-bottom:5px}
.ze-site-footer-mark span{display:block;width:78px;height:1px;background:linear-gradient(90deg,rgba(64,55,46,.45),rgba(156,119,72,.22))}
.ze-site-footer-mark i{display:block;width:4px;height:4px;border-radius:50%;background:#a8804d}
.ze-site-footer-meta{margin-top:26px;padding-top:13px;border-top:1px solid rgba(68,58,48,.10);font:8.5px/1.55 Arial,sans-serif;letter-spacing:.08em;color:rgba(59,52,45,.52)}
#aboutChapter .ze-site-footer,#fieldChapter .ze-site-footer,#soundChapter .ze-site-footer{margin-top:64px}
@media(max-width:680px){
  .ze-site-footer-inner{width:calc(100% - 36px);padding-top:30px}
  .ze-site-footer-main{gap:22px}
  .ze-site-footer-mark span{width:44px}
  .ze-site-footer-meta{margin-top:22px}
}

/* Footer sitemap — 2026-09-13 */
.ze-site-footer-sitemap{width:min(360px,42vw);padding-bottom:1px}
.ze-site-footer-sitemap-title{margin-bottom:12px;font:500 9px/1.2 Arial,sans-serif;letter-spacing:.18em;color:rgba(59,52,45,.50)}
.ze-site-footer-sitemap-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:8px}
.ze-site-footer-sitemap-links a{font:400 10px/1.5 Arial,"Noto Serif SC","Songti SC",serif;letter-spacing:.055em;color:rgba(59,52,45,.72);transition:color .2s ease}
.ze-site-footer-sitemap-links a:hover{color:#9c7748}
@media(max-width:680px){.ze-site-footer-main{align-items:flex-start;flex-direction:column}.ze-site-footer-sitemap{width:100%;margin-top:8px}.ze-site-footer-sitemap-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.ze-site-footer-sitemap-title{margin-bottom:10px}}


/* 2026-09-13 · Narrative tile refinement + footer copyright */
.sound-chapter.narrative-mode .narrative-gallery-shell{width:min(1240px,calc(100% - 64px));}
.narrative-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,220px));justify-content:flex-start;gap:30px 28px;align-items:start;}
.narrative-tile,.narrative-tile:nth-child(n),.narrative-tile:nth-child(6n+1),.narrative-tile:nth-child(6n+2),.narrative-tile:nth-child(6n+3),.narrative-tile:nth-child(6n+4),.narrative-tile:nth-child(6n+5),.narrative-tile:nth-child(6n+6){grid-column:span 1;margin-top:0;width:100%;max-width:220px;}
.narrative-tile{z-index:0;}
.narrative-tile:hover,.narrative-tile:focus-within,.narrative-tile.is-playing{z-index:8;}
.narrative-cover-button{aspect-ratio:1/1;transform-origin:center center;transition:transform .55s cubic-bezier(.22,.8,.2,1),border-color .32s ease,box-shadow .55s ease,filter .45s ease;}
.narrative-cover-button:hover,.narrative-cover-button:focus-visible{transform:translateY(-10px) scale(1.33);border-color:rgba(255,255,255,.48);box-shadow:0 34px 96px rgba(0,0,0,.42);}
.narrative-cover-button.is-playing{transform:translateY(-10px) scale(1.33);border-color:rgba(255,255,255,.56);box-shadow:0 34px 96px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);}
.narrative-cover-art{animation:none;}
.narrative-cover-button:hover .narrative-cover-art,.narrative-cover-button:focus-visible .narrative-cover-art,.narrative-cover-button.is-playing .narrative-cover-art{transform:scale(1.08) rotate(1.6deg);filter:hue-rotate(calc(var(--shift,0deg) + 10deg)) saturate(1.22) contrast(1.06);}
.narrative-cover-art:before,.narrative-cover-art:after,.narrative-cover-shape{will-change:transform,opacity;}
.narrative-cover-button:hover .narrative-cover-art:before,.narrative-cover-button:focus-visible .narrative-cover-art:before,.narrative-cover-button.is-playing .narrative-cover-art:before{animation:narrativeFlowA 8.4s ease-in-out infinite;}
.narrative-cover-button:hover .narrative-cover-art:after,.narrative-cover-button:focus-visible .narrative-cover-art:after,.narrative-cover-button.is-playing .narrative-cover-art:after{animation:narrativeFlowB 10.2s ease-in-out infinite;}
.narrative-cover-button:hover .narrative-cover-shape.a,.narrative-cover-button:focus-visible .narrative-cover-shape.a,.narrative-cover-button.is-playing .narrative-cover-shape.a{animation:narrativeShapeA 9s ease-in-out infinite;opacity:.95;}
.narrative-cover-button:hover .narrative-cover-shape.b,.narrative-cover-button:focus-visible .narrative-cover-shape.b,.narrative-cover-button.is-playing .narrative-cover-shape.b{animation:narrativeShapeB 7.8s ease-in-out infinite;opacity:.92;}
.narrative-cover-button:hover .narrative-cover-shape.c,.narrative-cover-button:focus-visible .narrative-cover-shape.c,.narrative-cover-button.is-playing .narrative-cover-shape.c{animation:narrativeShapeC 6.6s ease-in-out infinite;opacity:.88;}
.narrative-cover-play{width:70px;height:70px;}
.narrative-cover-play:before{border-top-width:7px;border-bottom-width:7px;border-left-width:12px;}
.narrative-caption{padding-top:12px;grid-template-columns:minmax(0,1fr);gap:8px;}
.narrative-caption h2{font-size:clamp(16px,1.45vw,21px);line-height:1.38;}
.narrative-caption span{padding-top:0;font-size:8px;}
@keyframes narrativeFlowA{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}25%{transform:translate3d(3%,-2%,0) rotate(6deg) scale(1.05)}50%{transform:translate3d(-2%,3%,0) rotate(-4deg) scale(1.08)}75%{transform:translate3d(2%,1%,0) rotate(5deg) scale(1.04)}100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}}
@keyframes narrativeFlowB{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}20%{transform:translate3d(-2%,2%,0) rotate(-5deg) scale(1.05)}50%{transform:translate3d(3%,-3%,0) rotate(7deg) scale(1.07)}80%{transform:translate3d(-1%,2%,0) rotate(-4deg) scale(1.03)}100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}}
@keyframes narrativeShapeA{0%{transform:rotate(7deg) scale(1)}50%{transform:rotate(18deg) scale(1.12)}100%{transform:rotate(7deg) scale(1)}}
@keyframes narrativeShapeB{0%{transform:rotate(-24deg) scale(1)}50%{transform:rotate(-10deg) scale(1.14)}100%{transform:rotate(-24deg) scale(1)}}
@keyframes narrativeShapeC{0%{transform:rotate(38deg) scaleY(1)}50%{transform:rotate(28deg) scaleY(1.16)}100%{transform:rotate(38deg) scaleY(1)}}
@media (max-width: 1100px){.narrative-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(170px,210px));gap:26px 22px;}.narrative-tile,.narrative-tile:nth-child(n){max-width:210px;}}
@media (max-width: 720px){.narrative-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:22px 16px;}.narrative-tile,.narrative-tile:nth-child(n){max-width:none;}.narrative-cover-button:hover,.narrative-cover-button:focus-visible,.narrative-cover-button.is-playing{transform:translateY(-4px) scale(1.08);} .narrative-cover-play{width:60px;height:60px;}.narrative-caption h2{font-size:18px;}}
@media (prefers-reduced-motion: reduce){.narrative-cover-button:hover,.narrative-cover-button:focus-visible,.narrative-cover-button.is-playing{transform:none;} .narrative-cover-button:hover .narrative-cover-art,.narrative-cover-button:focus-visible .narrative-cover-art,.narrative-cover-button.is-playing .narrative-cover-art,.narrative-cover-button:hover .narrative-cover-art:before,.narrative-cover-button:focus-visible .narrative-cover-art:before,.narrative-cover-button.is-playing .narrative-cover-art:before,.narrative-cover-button:hover .narrative-cover-art:after,.narrative-cover-button:focus-visible .narrative-cover-art:after,.narrative-cover-button.is-playing .narrative-cover-art:after,.narrative-cover-button:hover .narrative-cover-shape,.narrative-cover-button:focus-visible .narrative-cover-shape,.narrative-cover-button.is-playing .narrative-cover-shape{animation:none!important;transform:none!important;}}


/* 2026-09-13 · Music Lab dual-track index */
.lab-index-page{background:#090a0c;color:#f2eee7}
.lab-index-section{padding:54px 0 24px}
.lab-index-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.14);font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.38);text-transform:uppercase}
.lab-index-toolbar span:first-child{color:rgba(215,177,107,.78)}
.lab-index-list{display:block}
.lab-index-row{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.95fr) auto;grid-template-areas:"ident relation actions" "note note note";align-items:center;gap:20px 34px;padding:22px 4px;border-bottom:1px solid rgba(255,255,255,.09);transition:background .28s ease,border-color .28s ease,transform .28s ease}
.lab-index-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#d3a65e;transform:scaleY(0);transform-origin:center;opacity:.8;transition:transform .28s ease}
.lab-index-row:hover,.lab-index-row:focus-within{background:linear-gradient(90deg,rgba(213,177,107,.045),rgba(255,255,255,.018) 42%,transparent);border-bottom-color:rgba(255,255,255,.18);transform:translateX(2px)}
.lab-index-row:hover:before,.lab-index-row:focus-within:before{transform:scaleY(1)}
.lab-index-ident{grid-area:ident;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:center;min-width:0}
.lab-index-no{font:8px/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.32)}
.lab-index-ident h2{margin:0 0 5px;font:500 clamp(19px,1.8vw,27px)/1.18 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.025em;color:#f2eee7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lab-index-date{display:block;font:8px/1.4 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.36)}
.lab-index-relation{grid-area:relation;display:grid;grid-template-columns:auto minmax(52px,1fr) auto;grid-template-areas:"a line b" "sub sub sub";align-items:center;gap:7px 12px;min-width:0}
.lab-index-relation span{font:600 8px/1 Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.48);white-space:nowrap}
.lab-index-relation span:first-child{grid-area:a;color:rgba(232,215,188,.68)}
.lab-index-relation span:nth-of-type(2){grid-area:b;color:rgba(255,255,255,.58)}
.lab-index-relation i{grid-area:line;display:block;height:1px;background:linear-gradient(90deg,rgba(213,177,107,.52),rgba(255,255,255,.12) 55%,rgba(255,255,255,.3));position:relative}
.lab-index-relation i:after{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;border-top:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.38);transform:translateY(-50%) rotate(45deg)}
.lab-index-relation small{grid-area:sub;font:8px/1.4 "Noto Serif SC","Songti SC",serif;letter-spacing:.05em;color:rgba(255,255,255,.28)}
.lab-index-actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;gap:8px;white-space:nowrap}
.lab-index-actions button{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.025);color:rgba(255,255,255,.62);padding:9px 11px;font:8px/1 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;cursor:pointer;transition:border-color .22s ease,color .22s ease,background .22s ease,transform .22s ease}
.lab-index-actions button b{font-weight:400;font-size:7px;margin-left:5px;color:rgba(215,177,107,.72)}
.lab-index-actions button:hover,.lab-index-actions button:focus-visible{outline:none;border-color:rgba(215,177,107,.58);color:#fff;background:rgba(215,177,107,.07);transform:translateY(-1px)}
.lab-index-note{grid-area:note;margin:0 0 0 58px;max-width:900px;font:10px/1.75 "Noto Serif SC","Songti SC",serif;color:rgba(255,255,255,.38)}
.lab-index-row-single .lab-index-relation i{background:linear-gradient(90deg,rgba(213,177,107,.64),rgba(255,255,255,.22),rgba(213,177,107,.5))}
.lab-index-row-single .lab-index-actions button{border-color:rgba(215,177,107,.32);color:rgba(240,220,183,.8)}
@media(max-width:980px){.lab-index-row{grid-template-columns:minmax(230px,1fr) minmax(220px,.9fr);grid-template-areas:"ident relation" "actions actions" "note note"}.lab-index-actions{justify-content:flex-start;margin-left:58px}.lab-index-note{margin-left:58px}}
@media(max-width:680px){.lab-index-section{padding-top:38px}.lab-index-toolbar{font-size:7px;gap:14px}.lab-index-row{display:block;padding:20px 2px}.lab-index-ident{margin-bottom:15px}.lab-index-relation{margin:0 0 16px 58px}.lab-index-actions{margin-left:58px;justify-content:flex-start;flex-wrap:wrap}.lab-index-note{margin:14px 0 0 58px;font-size:9px}.lab-index-ident h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.lab-index-row,.lab-index-row:before,.lab-index-actions button{transition:none!important;transform:none!important}}


/* 2026-09-13 · Music Lab balanced color-spectrum index */
.lab-index-row{overflow:hidden;}
.lab-index-ident{grid-template-columns:34px 58px minmax(0,1fr);gap:14px;}
.lab-index-color{position:relative;display:block;width:58px;height:42px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:
  radial-gradient(circle at 28% 28%,hsl(var(--lab-h) 78% 58% / .72) 0 12%,transparent 42%),
  radial-gradient(circle at 74% 70%,hsl(var(--lab-h2) 72% 58% / .62) 0 13%,transparent 46%),
  linear-gradient(138deg,hsl(var(--lab-h) 58% 22% / .92),#121316 46%,hsl(var(--lab-h2) 48% 22% / .92));
  filter:saturate(.72) brightness(.72);opacity:.78;transition:filter .35s ease,opacity .35s ease,transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.lab-index-color:before,.lab-index-color:after,.lab-index-color i,.lab-index-color b{content:"";position:absolute;pointer-events:none;}
.lab-index-color:before{inset:-26%;background:linear-gradient(112deg,transparent 28%,hsl(var(--lab-h) 90% 72% / .34) 46%,transparent 60%);transform:rotate(-8deg);}
.lab-index-color:after{width:34px;height:34px;right:-7px;top:-8px;border:1px solid hsl(var(--lab-h2) 80% 76% / .32);border-radius:50%;}
.lab-index-color i{left:8px;bottom:7px;width:34px;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--lab-h) 90% 72% / .72),transparent);transform:rotate(-18deg);}
.lab-index-color b{left:26px;top:5px;width:1px;height:31px;background:linear-gradient(transparent,hsl(var(--lab-h2) 86% 76% / .48),transparent);transform:rotate(29deg);}
.lab-index-row:hover,.lab-index-row:focus-within{background:linear-gradient(90deg,hsl(var(--lab-h) 68% 52% / .055),rgba(255,255,255,.018) 42%,transparent);}
.lab-index-row:hover .lab-index-color,.lab-index-row:focus-within .lab-index-color{filter:saturate(.98) brightness(.93);opacity:1;transform:translateY(-1px) scale(1.035);border-color:hsl(var(--lab-h) 70% 72% / .28);box-shadow:0 8px 28px hsl(var(--lab-h) 70% 45% / .11);}
.lab-index-row:hover .lab-index-color:before,.lab-index-row:focus-within .lab-index-color:before{animation:labColorSweep 4.8s ease-in-out infinite;}
.lab-index-row:hover .lab-index-color:after,.lab-index-row:focus-within .lab-index-color:after{animation:labColorOrbit 6.4s ease-in-out infinite;}
.lab-index-row:hover .lab-index-color i,.lab-index-row:focus-within .lab-index-color i{animation:labColorLine 4.1s ease-in-out infinite;}
.lab-index-relation i{background:linear-gradient(90deg,hsl(var(--lab-h) 68% 64% / .42),rgba(255,255,255,.12) 52%,hsl(var(--lab-h2) 68% 66% / .38));}
.lab-index-row:before{background:linear-gradient(180deg,hsl(var(--lab-h) 72% 64% / .74),hsl(var(--lab-h2) 70% 62% / .66));}
.lab-index-actions button:hover,.lab-index-actions button:focus-visible{border-color:hsl(var(--lab-h) 62% 68% / .48);background:hsl(var(--lab-h) 60% 50% / .065);}
.lab-index-actions button b{color:hsl(var(--lab-h) 68% 72% / .72);}
@keyframes labColorSweep{0%{transform:translate3d(-8%,2%,0) rotate(-8deg)}50%{transform:translate3d(12%,-4%,0) rotate(5deg)}100%{transform:translate3d(-8%,2%,0) rotate(-8deg)}}
@keyframes labColorOrbit{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7px,8px,0) scale(1.1)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes labColorLine{0%{transform:rotate(-18deg) translateX(-2px)}50%{transform:rotate(-9deg) translateX(7px)}100%{transform:rotate(-18deg) translateX(-2px)}}
@media(max-width:980px){.lab-index-ident{grid-template-columns:32px 54px minmax(0,1fr)}.lab-index-color{width:54px;height:40px}.lab-index-actions{margin-left:100px}.lab-index-note{margin-left:100px}}
@media(max-width:680px){.lab-index-ident{grid-template-columns:28px 48px minmax(0,1fr)}.lab-index-color{width:48px;height:36px}.lab-index-relation,.lab-index-actions,.lab-index-note{margin-left:90px}}
@media(prefers-reduced-motion:reduce){.lab-index-color:before,.lab-index-color:after,.lab-index-color i{animation:none!important}}


/* 2026-09-13 · music lab color card text */
.lab-index-ident{grid-template-columns:34px 112px;gap:16px;align-items:center;}
.lab-index-color{position:relative;display:grid;place-items:end start;width:112px;height:80px;padding:10px 10px 9px 11px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:
  radial-gradient(circle at 24% 24%,hsl(var(--lab-h) 78% 58% / .74) 0 13%,transparent 43%),
  radial-gradient(circle at 78% 72%,hsl(var(--lab-h2) 72% 60% / .62) 0 14%,transparent 48%),
  linear-gradient(138deg,hsl(var(--lab-h) 58% 22% / .95),#121316 46%,hsl(var(--lab-h2) 50% 22% / .94));isolation:isolate;}
.lab-index-color-text{position:relative;z-index:1;display:grid;gap:5px;max-width:100%;align-self:end;}
.lab-index-color-text h2{margin:0;font:500 clamp(14px,1.05vw,16px)/1.2 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.02em;color:rgba(255,255,255,.92);white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance;max-width:100%;}
.lab-index-color-text .lab-index-date{display:block;font:7px/1.25 Arial,"Noto Serif SC",sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.52);}
.lab-index-row:hover .lab-index-color-text h2,.lab-index-row:focus-within .lab-index-color-text h2{color:#fff;}
.lab-index-row:hover .lab-index-color-text .lab-index-date,.lab-index-row:focus-within .lab-index-color-text .lab-index-date{color:rgba(255,255,255,.7);}
.lab-index-color:before{inset:-24%;}
.lab-index-color:after{width:40px;height:40px;right:-8px;top:-8px;}
.lab-index-color i{left:9px;bottom:12px;width:58px;}
.lab-index-color b{left:62px;top:9px;height:42px;}
.lab-index-note{margin-left:50px;}
@media(max-width:980px){.lab-index-ident{grid-template-columns:32px 106px}.lab-index-color{width:106px;height:76px;padding:9px 10px 8px 10px}.lab-index-actions{margin-left:50px}.lab-index-note{margin-left:50px}}
@media(max-width:680px){.lab-index-ident{grid-template-columns:28px 98px}.lab-index-color{width:98px;height:72px;padding:8px 9px 8px 9px}.lab-index-color-text h2{font-size:13px}.lab-index-relation,.lab-index-actions,.lab-index-note{margin-left:0}}

/* 2026-09-13 · lab color-title cache fix */
.lab-index-toolbar{justify-content:flex-start;}


/* 2026-09-13 · opera act 01 reading width */
.opera-act.act-1 .opera-act-body{max-width:650px;}
.opera-act.act-1 .opera-act-body p{max-width:650px;}
@media(max-width:980px){.opera-act.act-1 .opera-act-body,.opera-act.act-1 .opera-act-body p{max-width:100%;}}


/* 2026-09-13 · Opera four-act text breathing room */
@media (min-width:981px){
  .opera-act{column-gap:clamp(52px,4.2vw,72px);}
  .opera-act-body{max-width:650px;}
  .opera-act-body p,.opera-act-body .split-lines,.opera-act-quote,.opera-act-callouts{max-width:650px;}
}


/* 2026-09-13 · opera four acts compact reading column */
@media (min-width:981px){
  .opera-act-body{max-width:500px;}
  .opera-act.act-1 .opera-act-body{max-width:500px;}
  .opera-act-body h2{max-width:470px;}
  .opera-act-body p,
  .opera-act-body .split-lines,
  .opera-act-quote,
  .opera-act-callouts,
  .opera-research-link{max-width:500px;}
  .opera-act-body .split-lines span,
  .opera-act-callouts span{max-width:500px;}
  .opera-act.act-1 .opera-act-body p{max-width:500px;}
}

/* =========================================================
   RESEARCH / ART PRACTICE & QUESTIONS — 2026-09-14
   Open, expandable research sequence. No fixed item count.
   ========================================================= */
.research-practice-page{background:#f3eee6;color:#2f2d29}
.research-practice-wrap{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 82% 17%,rgba(193,204,219,.12),transparent 25%),
    radial-gradient(circle at 14% 46%,rgba(225,196,155,.10),transparent 24%),
    linear-gradient(180deg,#f4efe7 0%,#f6f1e9 42%,#f2eee7 100%);
}
.research-practice-wrap:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.44;
  background:
    linear-gradient(90deg,transparent 0 9.8%,rgba(98,86,73,.035) 10%,transparent 10.2% 89.8%,rgba(98,86,73,.035) 90%,transparent 90.2%),
    linear-gradient(180deg,transparent 0 19.8%,rgba(98,86,73,.028) 20%,transparent 20.2% 79.8%,rgba(98,86,73,.028) 80%,transparent 80.2%);
}
.research-practice-main{position:relative;z-index:1;padding-bottom:40px}
.research-practice-hero{min-height:calc(100vh - 138px);padding-bottom:92px;border-bottom:1px solid rgba(75,65,54,.10)}
.research-practice-hero .prod-research-copy h1{font:400 clamp(42px,5.2vw,72px)/1.09 "Noto Serif SC","Songti SC","STSong",serif;margin:0 0 26px;letter-spacing:-.045em}
.research-section-nav{white-space:nowrap}

.research-core-section,.research-emerging-section,.research-method-note{width:min(1180px,calc(100% - 72px));margin-left:auto;margin-right:auto}
.research-core-section{padding:128px 0 42px}
.research-section-head{
  display:grid;grid-template-columns:150px minmax(230px,.72fr) minmax(0,1.48fr);
  column-gap:42px;align-items:start;padding-bottom:68px
}
.research-section-index{padding-top:9px;font:9px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#a27d4b;text-transform:uppercase}
.research-section-title h2{margin:0 0 11px;font:500 clamp(30px,3vw,44px)/1.25 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.02em;color:#302d29}
.research-section-title p{margin:0;font:11px/1.7 Arial,"Noto Serif SC",sans-serif;letter-spacing:.07em;color:#9a7c58}
.research-section-intro{max-width:660px;padding-left:30px;border-left:1px solid rgba(155,122,81,.22)}
.research-section-intro p{margin:0 0 12px;font:13.5px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#625b53}
.research-section-intro p:last-child{margin-bottom:0}

.research-question-stream{border-top:1px solid rgba(73,64,55,.15)}
.research-question{
  position:relative;display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(310px,.86fr);
  gap:34px;padding:58px 0 62px;border-bottom:1px solid rgba(73,64,55,.15);isolation:isolate
}
.research-question:before{
  content:"";position:absolute;inset:0 -28px;z-index:-1;opacity:0;transition:opacity .35s ease;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(229,221,209,.18) 58%,rgba(210,219,231,.12));
}
.research-question:hover:before{opacity:1}
.rq-number{padding-top:7px;display:flex;align-items:flex-start;gap:12px;color:#a77f4c;font:10px/1 Arial,sans-serif;letter-spacing:.18em}
.rq-number i{display:block;width:34px;height:1px;margin-top:5px;background:currentColor;opacity:.38}
.rq-label{margin-bottom:17px;font:9px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#987850}
.rq-original{padding-right:10px}
.rq-original p{margin:0 0 14px;font:400 clamp(16.2px,1.35vw,18px)/2.02 "Noto Serif SC","Songti SC","STSong",serif;color:#393632;letter-spacing:.003em}
.rq-original p:last-child{margin-bottom:0}
.rq-original .rq-emphasis{font-size:clamp(17px,1.48vw,20px);line-height:1.95;color:#2f2c28}
.rq-ai{
  align-self:start;padding:28px 30px 30px;border-left:1px solid rgba(125,142,162,.20);
  background:linear-gradient(145deg,rgba(234,232,227,.62),rgba(229,234,239,.35) 55%,rgba(238,230,218,.26));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)
}
.rq-ai .rq-label{color:#718093;margin-bottom:15px}
.rq-ai p{margin:0;font:400 14.4px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#53565a}

.research-method-note{
  margin-top:104px;margin-bottom:118px;padding:74px 0 82px;border-top:1px solid rgba(73,64,55,.12);border-bottom:1px solid rgba(73,64,55,.12);
  display:grid;grid-template-columns:200px minmax(0,1fr);gap:54px;position:relative
}
.research-method-note:before{
  content:"";position:absolute;left:26%;right:-8%;top:18%;height:64%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(207,214,225,.18),transparent 66%);filter:blur(12px)
}
.research-method-index{position:relative;z-index:1;padding-top:7px;font:9px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#9f7d50}
.research-method-copy{position:relative;z-index:1;max-width:850px}
.research-method-lead{margin:0 0 34px;font:400 clamp(19px,2vw,28px)/1.8 "Noto Serif SC","Songti SC","STSong",serif;color:#393530}
.research-method-copy blockquote{margin:0;padding:4px 0 4px 30px;border-left:1px solid rgba(161,126,78,.42);font:400 clamp(17px,1.55vw,21px)/2 "Noto Serif SC","Songti SC","STSong",serif;color:#59534c}

.research-emerging-section{position:relative;padding:0 0 120px}
.research-emerging-section:before{
  content:"";position:absolute;left:-7vw;right:-7vw;top:-54px;bottom:48px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 84% 18%,rgba(186,198,218,.18),transparent 29%),
    radial-gradient(circle at 18% 70%,rgba(215,196,219,.12),transparent 29%),
    linear-gradient(180deg,rgba(234,232,228,.34),rgba(238,235,232,.10));
}
.emerging-head{padding-top:72px}
.research-emerging-stream{border-top:1px solid rgba(73,64,55,.14)}
.emerging-question{display:grid;grid-template-columns:90px minmax(0,1fr);gap:34px;padding:46px 0 50px;border-bottom:1px solid rgba(73,64,55,.14)}
.emerging-question-body{max-width:870px}
.emerging-question-body .rq-label{color:#778599}
.emerging-question-body p{margin:0;font:400 clamp(16px,1.4vw,19px)/2 "Noto Serif SC","Songti SC","STSong",serif;color:#414247}

/* AI notes index kept independent from the practice/question page. */
.research-notes-page{background:#f3eee6;color:#2f2d29}
.research-notes-main{width:min(1180px,calc(100% - 72px));margin:0 auto;padding:92px 0 116px}
.research-notes-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;padding:42px 0 78px;border-bottom:1px solid rgba(73,64,55,.14)}
.research-notes-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.19em;color:#9f7d50;margin-bottom:18px}
.research-notes-hero h1{margin:0;font:400 clamp(42px,5.2vw,72px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;letter-spacing:-.045em}
.research-notes-intro p{margin:0;font:14px/2 "Noto Serif SC","Songti SC","STSong",serif;color:#625b53;max-width:610px}
.research-notes-list{padding-top:20px}
.research-note-row{display:grid;grid-template-columns:80px minmax(0,1fr) 120px;gap:30px;align-items:center;padding:31px 0;border-bottom:1px solid rgba(73,64,55,.14)}
.research-note-row .note-no{font:10px/1 Arial,sans-serif;letter-spacing:.18em;color:#9f7d50}
.research-note-row h2{margin:0;font:500 clamp(20px,2vw,28px)/1.45 "Noto Serif SC","Songti SC","STSong",serif;color:#34312d}
.research-note-row time{justify-self:end;font:9px/1 Arial,sans-serif;letter-spacing:.12em;color:#8c8278}

@media(max-width:980px){
  .research-section-head{grid-template-columns:110px minmax(220px,.8fr) minmax(0,1.25fr);gap:28px}
  .research-question{grid-template-columns:64px minmax(0,1fr);gap:24px 28px}
  .rq-number{grid-row:1/3}.rq-ai{grid-column:2;padding:24px 26px}
  .research-method-note{grid-template-columns:150px minmax(0,1fr);gap:34px}
}
@media(max-width:760px){
  .research-core-section,.research-emerging-section,.research-method-note{width:calc(100% - 38px)}
  .research-practice-hero{min-height:auto;padding-bottom:66px}
  .research-section-head{grid-template-columns:1fr;padding-bottom:48px;gap:16px}
  .research-section-title h2{font-size:34px}
  .research-section-intro{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid rgba(155,122,81,.18)}
  .research-question{grid-template-columns:42px minmax(0,1fr);gap:18px 16px;padding:44px 0 48px}
  .rq-number{grid-row:1/3}.rq-number i{display:none}
  .rq-original,.rq-ai{grid-column:2}
  .rq-original p{font-size:16px;line-height:2}
  .rq-original .rq-emphasis{font-size:17.5px}
  .rq-ai{padding:22px 20px 24px;margin-top:6px}
  .rq-ai p{font-size:13.5px;line-height:1.95}
  .research-method-note{grid-template-columns:1fr;margin-top:76px;margin-bottom:88px;padding:54px 0 60px;gap:22px}
  .research-method-lead{font-size:20px}
  .research-method-copy blockquote{font-size:16px;padding-left:20px}
  .emerging-question{grid-template-columns:42px minmax(0,1fr);gap:16px;padding:38px 0 42px}
  .research-notes-main{width:calc(100% - 38px);padding-top:54px}
  .research-notes-hero{grid-template-columns:1fr;gap:26px;padding-bottom:54px}
  .research-note-row{grid-template-columns:48px minmax(0,1fr);gap:15px 16px}.research-note-row time{grid-column:2;justify-self:start}
}
@media(max-width:520px){
  .research-section-nav{gap:18px!important}
  .research-section-nav a{font-size:8.5px!important;letter-spacing:.09em!important}
  .research-core-section{padding-top:82px}
  .research-section-intro p{font-size:12.5px;line-height:1.95}
  .rq-label{font-size:8px;letter-spacing:.13em}
  .rq-original p{font-size:15.5px}
  .emerging-question-body p{font-size:15.5px}
}


/* 2026-09-14 language switch position: always the far-right action */
.site-lang-switch{order:99!important}

/* 2026-09-16 FINAL homepage 3D module body-size lock */
.act .act-copy p,
.act .act-copy .act-lead,
.act .being-lines p{
  font-size:14px!important;
  line-height:1.92!important;
}
@media(max-width:900px){
  .act .act-copy p,
  .act .act-copy .act-lead,
  .act .being-lines p{
    font-size:12px!important;
    line-height:1.72!important;
  }
}

/* =========================================================
   LIGHT LANGUAGE OPERA · DESKTOP VISUAL BREATHING RHYTHM · 2026-09-16
   The right-side visual fields no longer stretch to match long text blocks.
   Keep correspondence, but preserve independent scale and negative space.
   ========================================================= */
@media (min-width:981px){
  .opera-act{
    align-items:start;
  }
  .opera-act-visual{
    align-self:start;
    min-height:0;
    height:clamp(270px,22vw,310px);
    margin-top:4px;
  }
  .opera-act.act-2 .opera-act-visual{
    height:clamp(300px,24vw,340px);
  }
  .opera-act.act-4 .opera-act-visual{
    height:clamp(288px,23vw,325px);
  }
}