.instrument-origin-page{background:#080808;color:#eee}
.instrument-origin-page .history-switch{position:relative;top:auto;left:auto;transform:none;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1080px,calc(100% - 38px));margin:24px auto;border:1px solid rgba(255,255,255,.18);background:#101010}
.instrument-origin-page .history-switch a{display:flex;flex-direction:column;gap:5px;padding:15px 16px;color:#aaa;text-decoration:none}
.instrument-origin-page .history-switch a+a{border-left:1px solid rgba(255,255,255,.15)}
.instrument-origin-page .history-switch span{color:#c8aa6e;font-size:.72rem;letter-spacing:.22em}
.instrument-origin-page .history-switch strong{color:#ddd;font-size:.9rem;font-weight:500;letter-spacing:.02em}
.instrument-origin-page .history-switch small{color:#777;font-size:.76rem}
.instrument-origin-page .history-switch .is-current{background:rgba(200,170,110,.11)}
.instrument-origin-page .history-switch .is-current strong{color:#fff}
.origin-hero{position:relative;min-height:78svh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #222;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.72) 48%,rgba(5,5,5,.38) 100%),linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,.42)),url('https://static.giga.de/wp-content/uploads/2019/02/Floete_aus_Gaensegeierknochen_vom_Hohle_Fels_im_urmu-rcm840x0u.jpg') center 44%/cover no-repeat,#080808}
.origin-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000)}
.origin-hero-copy{position:relative;z-index:3;width:min(1080px,calc(100% - 48px));margin:0 auto;padding:115px 0 100px}
.origin-hero-copy h1{max-width:780px;margin:18px 0 24px;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.25;letter-spacing:.01em}
.origin-hero-copy>p:last-child{max-width:650px;color:#aaa;font-size:clamp(.95rem,1.7vw,1.13rem);line-height:2}
.origin-rings{position:absolute;right:6vw;top:50%;width:min(40vw,520px);aspect-ratio:1;transform:translateY(-50%);opacity:.78}
.origin-rings i{position:absolute;inset:50%;border:1px solid rgba(203,171,109,.32);border-radius:50%;transform:translate(-50%,-50%)}
.origin-rings i:nth-child(1){width:12%;height:12%;background:rgba(203,171,109,.08)}
.origin-rings i:nth-child(2){width:34%;height:34%}.origin-rings i:nth-child(3){width:61%;height:61%}.origin-rings i:nth-child(4){width:94%;height:94%;border-color:rgba(203,171,109,.16)}
.origin-era-strip{position:absolute;z-index:3;left:50%;bottom:30px;display:flex;align-items:center;gap:14px;width:min(1080px,calc(100% - 48px));transform:translateX(-50%);color:#777;font-size:.72rem;letter-spacing:.18em}
.origin-era-strip b{height:1px;flex:1;background:linear-gradient(90deg,#5d4b2d,#2a2a2a)}
.instrument-origin-page .story-intro strong{color:#d3b77e;font-weight:500}
.origin-principle{border-top:1px solid #222;border-bottom:1px solid #222}
.origin-principle-grid,.origin-culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:42px;background:#242424;border:1px solid #242424}
.origin-principle-grid article,.origin-culture-grid article{background:#0d0d0d;padding:30px 26px 32px}
.origin-principle-grid span,.origin-no{display:block;margin:0 0 28px;color:#b79961;font-size:.76rem;letter-spacing:.18em}
.origin-principle-grid h3,.origin-culture-grid h3{margin:0 0 14px;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:400}
.origin-principle-grid p,.origin-culture-grid p{margin:0;color:#969696;font-size:.88rem;line-height:1.9}
.origin-heading-note{max-width:760px;margin:16px 0 0;color:#777;font-size:.78rem;line-height:1.9}
.origin-place{margin:0 0 8px!important;color:#b79961!important;font-size:.76rem!important;letter-spacing:.15em!important;line-height:1.5!important}
.instrument-origin-page .timeline-item>div>h3{margin-top:0}
.instrument-origin-page .timeline-item>div>p{max-width:760px}
.origin-insight{margin-top:20px!important;padding:16px 18px;border-left:2px solid #8e7344;background:rgba(191,158,95,.06);color:#c5bcae!important;font-size:.88rem!important;line-height:1.9!important}
.origin-milestone{background:linear-gradient(90deg,rgba(181,145,81,.055),transparent 65%)}
.origin-culture{border-top:1px solid #222}
.origin-perspective{border-top:1px solid #222;border-bottom:1px solid #222}
.origin-perspective>h2{margin:0 0 36px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.5;font-weight:400}
.instrument-origin-page .history-next{text-align:center;border-bottom:1px solid #222}
.instrument-origin-page .history-next h2{margin:0 0 22px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.45;font-weight:400}
.instrument-origin-page .history-next>p:not(.story-label){max-width:720px;margin:0 auto 34px;color:#aaa;line-height:2.05}
.origin-sources{max-width:960px!important}
.origin-sources h2{margin:0 0 24px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:400}
.origin-sources>p:not(.story-label){color:#777;font-size:.78rem;line-height:2}
@media(max-width:900px){.origin-principle-grid,.origin-culture-grid{grid-template-columns:repeat(2,1fr)}.origin-rings{right:-11vw;width:60vw}.origin-hero-copy{padding-right:25vw}}
@media(max-width:700px){.instrument-origin-page .history-switch{grid-template-columns:repeat(2,1fr);width:calc(100% - 24px);margin:14px auto 18px}.instrument-origin-page .history-switch a{padding:11px 10px}.instrument-origin-page .history-switch a:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.15)}.instrument-origin-page .history-switch a:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}.instrument-origin-page .history-switch strong{font-size:.8rem}.instrument-origin-page .history-switch small{display:none}.origin-hero{min-height:72svh}.origin-hero-copy{width:calc(100% - 38px);padding:80px 0 115px}.origin-hero-copy h1{font-size:clamp(2.5rem,12vw,4rem)}.origin-hero-copy>p:last-child{max-width:90%;font-size:.9rem}.origin-rings{right:-40vw;top:44%;width:105vw;opacity:.46}.origin-era-strip{width:calc(100% - 38px);bottom:22px}.origin-principle-grid,.origin-culture-grid{grid-template-columns:1fr}.origin-principle-grid article,.origin-culture-grid article{padding:25px 22px}.origin-principle-grid span,.origin-no{margin-bottom:18px}.instrument-origin-page .timeline-year{font-size:.86rem;line-height:1.45}.origin-insight{font-size:.82rem!important}.instrument-origin-page .history-next{text-align:left}.instrument-origin-page .history-next>p:not(.story-label){margin-left:0}.instrument-origin-page .history-next .story-button{width:100%;box-sizing:border-box}}

.instrument-origin-page footer{position:relative;overflow:hidden;background:linear-gradient(rgba(4,4,4,.80),rgba(4,4,4,.90)),url('instrument-origin-digital.webp') center 48%/cover no-repeat}
.instrument-origin-page footer>*{position:relative;z-index:1}

/* Japanese heading reflow */
.origin-hero-copy h1,.origin-perspective>h2,.instrument-origin-page .history-next h2,.origin-sources h2,.instrument-origin-page .timeline-item h3{line-break:strict;word-break:normal;overflow-wrap:normal;text-wrap:pretty;}
@media(max-width:700px){.origin-perspective>h2,.instrument-origin-page .history-next h2{font-size:clamp(1.5rem,6.45vw,1.8rem);line-height:1.65}.instrument-origin-page .timeline-item h3{line-height:1.75}}