/* 默认即完整静态首屏；仅在素材就绪与动效条件满足时扩展滚动叙事。 */
.sound-story{--hero-header:var(--header-offset,0px);--finish-reveal:100%;--sketch-opacity:0;--human-reveal:0%;--human-opacity:0;--human-scale:1;--human-y:0px;--product-opacity:1;--product-scale:1;--product-x:0px;--word-x:0px;--word-opacity:.11;--caption-sketch:0;--caption-product:1;--caption-human:0;position:relative;background:#fff;color:#292723}
.sound-stage{position:relative;min-height:670px;height:calc(100svh - var(--hero-header));max-height:1100px;overflow:hidden;isolation:isolate;background:#fff}
.sound-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent calc(50% - .5px),#ece9e4 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#ece9e4 50%,transparent calc(50% + .5px));opacity:.65}
.sound-grid:before,.sound-grid:after{content:"";position:absolute;width:65vw;height:65vw;right:-12vw;top:50%;border:1px solid #e7e3dc;border-radius:50%;transform:translateY(-50%)}.sound-grid:after{width:49vw;height:49vw;right:-4vw}
.sound-word{position:absolute;top:2%;left:3.7%;font:800 clamp(100px,18.4vw,380px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.075em;color:#ff7500;opacity:var(--word-opacity);transform:translateX(var(--word-x));z-index:-1;pointer-events:none;white-space:nowrap}
.sound-product{position:absolute;width:min(49vw,720px);height:min(49vw,720px);right:4%;top:46%;transform:translate(var(--product-x),-50%) scale(var(--product-scale));transform-origin:center;opacity:var(--product-opacity);z-index:1;mix-blend-mode:multiply}
.sound-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.sound-sketch{opacity:var(--sketch-opacity)}.sound-finish{clip-path:inset(0 calc(100% - var(--finish-reveal)) 0 0)}
.sound-scan{position:absolute;left:var(--finish-reveal);top:10%;bottom:10%;width:1px;background:#ff7500;opacity:0}.sound-story.is-animated .sound-scan{opacity:var(--scan-opacity,0)}
.sound-human{position:absolute;right:0;inset-block:0;width:53%;background:linear-gradient(145deg,#fff 5%,#fff5eb 100%);clip-path:inset(0 0 0 calc(100% - var(--human-reveal)));opacity:var(--human-opacity);z-index:2;pointer-events:none}.sound-human img{position:absolute;inset:4% 0 0;width:100%;height:84%;object-fit:contain;object-position:50% 100%;transform:translateY(var(--human-y)) scale(var(--human-scale));transform-origin:center bottom}.sound-human-mark{position:absolute;bottom:96px;right:30px;color:#934200;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}
.sound-copy{position:absolute;left:6%;top:37%;z-index:3;max-width:41%;padding:0 0 45px}.sound-copy .eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;margin:0 0 26px;color:#934200}.sound-copy h1{font:500 clamp(40px,4.8vw,88px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.065em;max-width:9.5em;margin:0 0 23px;text-wrap:balance}.sound-description{max-width:26em;font:13px/1.8 Arial,sans-serif;color:#67615b;margin:0 0 30px}.sound-cta{display:inline-flex;gap:32px;align-items:center;min-height:46px;padding:12px 0;border-bottom:1px solid #292723;font-size:12px}.sound-cta>span:last-child{font-size:21px;color:#a64800}.sound-cta:hover{color:#a64800;border-color:#ff7500}.sound-cta:focus-visible{outline:2px solid #ff7500;outline-offset:6px}
.sound-caption{position:absolute;right:6%;bottom:105px;z-index:3;display:grid;text-align:right;font:13px/1.5 Arial,sans-serif}.sound-caption>span{grid-area:1/1}.sound-caption-sketch{opacity:var(--caption-sketch)}.sound-caption-product{opacity:var(--caption-product)}.sound-caption-human{opacity:var(--caption-human);color:#934200}
.sound-bottom{position:absolute;inset:auto 6% 0;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ded8cf;z-index:4}.sound-scroll{display:flex;gap:40px;font:10px/1.5 Arial,sans-serif;letter-spacing:.03em}.sound-scroll>span:last-child{color:#a64800;font-size:20px}.sound-chapters{display:flex;gap:36px;margin:0;padding:0;list-style:none}.sound-chapters li{display:flex;gap:10px;font:10px/1.5 Arial,sans-serif;color:#77716a}.sound-chapters li>span:first-child{color:#a64800}.sound-story[data-chapter="1"] .sound-chapters li:nth-child(1),.sound-story[data-chapter="2"] .sound-chapters li:nth-child(2),.sound-story[data-chapter="3"] .sound-chapters li:nth-child(3){color:#292723;font-weight:700}.sound-story[data-chapter="3"] .sound-chapters{padding:10px 14px;background:#fff}
@media(min-width:1200px) and (min-height:700px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sound-story.is-animated{height:calc(250svh - var(--hero-header))}.sound-story.is-animated .sound-stage{position:sticky;top:var(--hero-header);min-height:560px;max-height:none}.sound-story.is-animated .sound-product,.sound-story.is-animated .sound-word{will-change:transform}.sound-story.is-animated .sound-human{will-change:clip-path}}
@media(max-width:1100px) and (min-width:901px){.sound-copy h1{font-size:50px}.sound-copy{top:32%}.sound-product{right:1%;width:50vw;height:50vw}.sound-chapters{gap:20px}}
@media(max-width:1199px), (max-height:699px){.sound-stage{height:auto;max-height:none;min-height:0;padding:55px 6% 0;display:flex;flex-direction:column}.sound-copy{position:relative;left:auto;top:auto;max-width:100%;padding:0;order:0}.sound-copy .eyebrow{font-size:9px;margin-bottom:20px}.sound-copy h1{font-size:clamp(38px,8.5vw,65px);max-width:10em;margin-bottom:18px}.sound-description{font-size:12px;margin-bottom:12px}.sound-product{position:relative;top:auto;right:auto;align-self:center;width:min(85vw,510px);height:min(85vw,510px);margin:8px 0 0;transform:none;order:1}.sound-word{font-size:25vw;top:45%;left:0}.sound-human,.sound-caption,.sound-scan{display:none}.sound-bottom{position:relative;inset:auto;min-height:65px;order:2;gap:16px}.sound-scroll{display:none}.sound-chapters{justify-content:space-between;width:100%;gap:12px}.sound-chapters li{font-size:9px}.sound-grid:before{width:100vw;height:100vw;right:-25vw}.sound-grid:after{display:none}}
@media(prefers-reduced-motion:reduce){.sound-story .sound-stage{position:relative}.sound-story .sound-scroll{visibility:hidden}.sound-story .sound-product,.sound-story .sound-word{will-change:auto}}
@media(min-width:1200px) and (min-height:700px) and (max-height:800px){.sound-product{width:min(49vw,65svh,720px);height:min(49vw,65svh,720px)}.sound-copy{top:25%;padding-bottom:0}.sound-copy h1{font-size:clamp(40px,4vw,68px);margin-bottom:14px}.sound-copy .eyebrow{margin-bottom:14px}.sound-description{margin-bottom:12px}}
@media(max-width:700px){.sound-stage{padding-top:28px}.sound-copy h1{font-size:clamp(34px,9vw,52px);overflow-wrap:anywhere}.sound-copy .eyebrow{margin-bottom:14px;overflow-wrap:anywhere}.sound-product{width:min(80vw,380px);height:min(80vw,380px)}.sound-cta{gap:18px;max-width:100%;overflow-wrap:anywhere}.sound-bottom{min-height:56px}.sound-chapters li{min-width:0;gap:6px;overflow-wrap:anywhere}}
@media(min-width:701px) and (max-width:1199px) and (min-height:601px){.sound-stage{padding-top:42px}.sound-copy{max-width:70%}.sound-product{width:min(64vw,470px);height:min(64vw,470px);margin-top:16px;align-self:flex-end}.sound-copy h1{font-size:clamp(45px,6.5vw,65px)}.sound-word{top:32%}}
@media(orientation:landscape) and (max-height:600px){.sound-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px 20px;padding:20px 5% 0}.sound-copy{max-width:100%;align-self:center}.sound-copy h1{font-size:clamp(28px,4.5vw,44px);margin-bottom:12px}.sound-copy .eyebrow{margin-bottom:10px;font-size:8px}.sound-description{font-size:11px;margin-bottom:4px}.sound-product{width:100%;height:clamp(180px,65svh,340px);margin:0;grid-column:2;grid-row:1}.sound-bottom{grid-column:1/-1;min-height:44px}.sound-word{top:10%;font-size:20vw}.sound-human,.sound-caption,.sound-scan{display:none}}