/* 景观雕塑与微缩景观（2026-11-09）：暗场、琥珀强调、实拍原比例展示；照片上不叠任何效果 */
.scx-hero .th-img img{object-position:50% 58%}
.scx-hero .th-tx h1{line-height:1.02}

.scx-open,.scx-sh,.scx-craft-h,.scx-tour-h{color:var(--ink)}
.scx-open h2,.scx-sh h2,.scx-craft-h h2,.scx-tour-h h2,.scx-pack h2{font:var(--head-w) clamp(30px,3.6vw,56px)/1.18 var(--head);letter-spacing:var(--head-ls);color:var(--ink);text-wrap:balance}
.scx-open p,.scx-sh p,.scx-craft-h p,.scx-tour-h p,.scx-pack p,.scx-stop p,.scx-step p{font-size:clamp(17px,1.2vw,19px);line-height:1.85;color:var(--ink2)}
.scx-sh p,.scx-tour-h p{max-width:36em;margin-top:18px}
[class^="scx-"] figure{margin:0}
[class^="scx-"] figure img{display:block;width:100%;height:auto}
[class^="scx-"] figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--dim)}

/* 开场 */
.scx-open{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);padding:clamp(80px,12vh,140px) var(--gut) clamp(56px,8vh,96px);background:var(--paper)}
.scx-open p+p{margin-top:18px}

/* 成品巡游：桌面随纵向滚动横移；手机和减少动态时就是普通横向滑动 */
.scx-tour{position:relative;background:var(--paper2)}
.scx-tour-pin{padding:clamp(64px,10vh,112px) 0 clamp(48px,7vh,80px);overflow:hidden}
.scx-tour-h{padding:0 var(--gut);margin-bottom:clamp(28px,4vh,48px)}
.scx-track{display:flex;scroll-padding-inline:var(--gut);gap:clamp(18px,2.4vw,40px);padding:0 var(--gut) 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.scx-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.scx-stop{flex:0 0 min(52vw,820px);scroll-snap-align:start}
.scx-stop h3{margin-top:18px;font:var(--head-w) clamp(22px,1.8vw,30px)/1.3 var(--head);color:var(--ink)}
.scx-stop p{max-width:30em;margin-top:8px}
.scx-tour.is-pinned{height:var(--scx-h,300vh)}
.scx-tour.is-pinned .scx-tour-pin{position:sticky;top:var(--top-h,64px);height:calc(100svh - var(--top-h,64px));display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:0}
.scx-tour.is-pinned .scx-track{overflow:visible;scroll-snap-type:none;will-change:transform}
.scx-tour.is-pinned .scx-stop{flex-basis:min(46vw,760px)}
.scx-tour.is-pinned .scx-stop figure img{max-height:44svh;width:auto;max-width:100%}

/* 四道工序 */
.scx-craft{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);padding:clamp(80px,12vh,140px) var(--gut);background:var(--paper)}
.scx-craft-h{position:sticky;top:calc(var(--top-h,64px) + 32px);align-self:start}
.scx-craft-h p{margin-top:18px}
.scx-cut{display:block;width:100%;max-width:460px;margin-top:28px;overflow:visible}
.scx-l path,.scx-l circle{transition:opacity .7s ease,fill .7s ease,stroke .7s ease}
.scx-l[data-l=frame] path{stroke:var(--dim);stroke-width:2.5;stroke-linecap:round}
.scx-l[data-l=shell] path{fill:#d9d4c6;stroke:#efe9da;stroke-width:1.5}
.scx-l[data-l=base] path{fill:#a9a397}
.scx-l[data-l=stone] path{fill:#c9a27a}
.scx-l[data-l=stone] circle{fill:#8a6a48}
.scx-l[data-l=seal] path{stroke:var(--accent);stroke-width:3;stroke-dasharray:6 6}
.scx-lab path{stroke:var(--line);stroke-width:1.5;fill:none;transition:stroke .5s}
.scx-lab text{font:600 17px var(--head);fill:var(--ink2);transition:fill .5s}
.scx-lab text.s{font-weight:400;font-size:13px;fill:var(--dim)}
.scx-l[data-l=base]{transform:translate(9px,-9px)}
.scx-l[data-l=stone]{transform:translate(18px,-18px)}
.scx-l[data-l=seal]{transform:translate(24px,-24px)}
.scx-cut.js .scx-l{opacity:.08}
.scx-cut.js .scx-l.on{opacity:1}
.scx-cut.js .scx-l[data-l=shell]:not(.on) path{fill:none}
.scx-cut.js .scx-lab.on path{stroke:var(--accent)}
.scx-cut.js .scx-lab.on text{fill:var(--ink)}
.scx-cut.js .scx-lab.on text.s{fill:var(--accent)}
.scx-steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(56px,9vh,112px)}
.scx-step{display:grid;gap:20px}
.scx-step h3{font:var(--head-w) clamp(24px,2.2vw,36px)/1.25 var(--head);color:var(--ink)}
.scx-step p{max-width:32em;margin-top:10px}

/* 凑近看 */
.scx-near,.scx-big,.scx-table{padding:clamp(80px,12vh,140px) var(--gut);background:var(--paper2)}
.scx-big{background:var(--paper)}
.scx-near-grid,.scx-big-grid,.scx-table-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);margin-top:clamp(32px,5vh,56px);align-items:start}
.scx-near-grid .n1,.scx-near-grid .n2{grid-column:span 6}
.scx-near-grid .n3,.scx-near-grid .n4,.scx-near-grid .n5{grid-column:span 4}
.scx-big-grid .w6{grid-column:span 6}
.scx-big-grid .w4{grid-column:span 4}
.scx-table-grid .t1{grid-column:1/span 8;grid-row:span 2}
.scx-table-grid .t2,.scx-table-grid .t3{grid-column:span 4}
.scx-table-grid .t4,.scx-table-grid .t5{grid-column:span 6}

/* 包装 */
.scx-pack{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center;padding:clamp(72px,10vh,120px) var(--gut);background:var(--paper)}
.scx-pack p{margin-top:16px;max-width:30em}
.scx-pack .btn{margin-top:12px}

@media (max-width:900px){
  .scx-open,.scx-craft,.scx-pack{grid-template-columns:minmax(0,1fr)}
  .scx-craft-h{position:static}
  .scx-track{flex-direction:column;overflow:visible;gap:clamp(40px,7vh,64px)}
  .scx-stop{flex-basis:auto}
}
@media (max-width:760px){
  .scx-near-grid>*,.scx-big-grid>*,.scx-table-grid>*{grid-column:1/-1!important;grid-row:auto!important}
  .scx-hero .th-img img{object-position:40% 58%}
}
@media (prefers-reduced-motion:reduce){
  .scx-l path,.scx-l circle,.scx-lab path,.scx-lab text{transition:none}
}

/* 沙盘视频：原片画面，不叠效果 */
.scx-vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--paper)}