/* Sound Atelier — glass instruments, emerald air and brass details. */
body.short-sounds-page{background:#071813;color:#e6eadd}
.ss-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,17,14,.13),rgba(4,19,16,.36) 55%,rgba(4,17,13,.82)),url('/assets/images/sound-atelier-20260907.webp') center top/cover no-repeat;pointer-events:none}
body.short-sounds-page #page-content{position:relative;isolation:isolate;background:transparent}
body.short-sounds-page .site-header{background:rgba(8,22,17,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(174,204,166,.16)}
.ss-main{max-width:1180px;margin:auto;padding:0 32px 64px;font-family:var(--font-sans-jp)}
.ss-hero{padding:110px 0 52px;max-width:1000px;margin:auto}
.ss-eyebrow{font:400 .68rem/1.7 var(--font-display);letter-spacing:.24em;color:#c8bb89;margin:0 0 20px}
.ss-hero h1{font:400 clamp(2rem,4.8vw,3.7rem)/1.65 var(--font-serif-jp);letter-spacing:.12em;color:#edf1df;text-shadow:0 4px 35px #041b16;margin:0 0 24px}
.ss-hero h1 em{font-style:normal;color:#d5e5ce}
.ss-hero-copy{font:300 .9rem/2.4 var(--font-serif-jp);letter-spacing:.09em;color:#c7d8c8;margin:0 0 46px}
.ss-doors{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ss-doors a{display:flex;align-items:center;gap:22px;padding:26px 28px;color:#e3ead4;text-decoration:none;border:1px solid rgba(191,215,178,.3);border-radius:18px;background:linear-gradient(135deg,rgba(125,163,129,.13),rgba(17,45,33,.4));box-shadow:inset 0 1px 0 rgba(244,255,223,.14),0 10px 36px rgba(0,13,8,.15);backdrop-filter:blur(18px);transition:border-color .2s,background .2s}
.ss-door-mark{font:400 38px/1 var(--font-serif-jp);color:#d4c797}.ss-doors small{display:block;font:400 .6rem/1.7 var(--font-display);letter-spacing:.14em;color:#bcc9b0}.ss-doors strong{display:block;font:400 1.35rem/1.9 var(--font-serif-jp);letter-spacing:.13em}.ss-doors a>span>span{font-size:.7rem;color:#bdcbbb}.ss-doors b{margin-left:auto;font:400 24px/1 serif;color:#b9c7a6}
.ss-workbench{padding:30px 28px;border:1px solid rgba(194,214,178,.25);border-radius:24px;background:linear-gradient(150deg,rgba(59,84,65,.4),rgba(7,26,20,.64));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(234,255,216,.16),0 22px 65px rgba(0,11,7,.28)}
.ss-toolbar{display:flex;align-items:end;gap:24px;padding-bottom:20px;border-bottom:1px solid rgba(194,214,178,.16)}
.ss-toolbar>div{margin-right:auto}.ss-toolbar .ss-eyebrow{font-size:.6rem;margin:0 0 4px}.ss-toolbar p{font:400 .95rem/1.8 var(--font-serif-jp);margin:0}
.ss-search-label,.ss-purpose-label{display:flex;flex-direction:column;gap:6px;font-size:.66rem;color:#becfbc;letter-spacing:.06em}
.ss-toolbar input,.ss-toolbar select{box-sizing:border-box;min-height:44px;padding:10px 14px;border:1px solid rgba(180,202,164,.26);border-radius:10px;background:rgba(5,26,18,.48);color:#e0e7d7;font:400 .78rem/1.5 var(--font-sans-jp)}
.ss-toolbar input{width:230px}.ss-toolbar select option{background:#173425}.ss-toolbar input::placeholder{color:#a0b19c}
.ss-listening-note{margin:16px 0 34px;font-size:.7rem;line-height:1.8;color:#a9bfad}
.ss-section{scroll-margin-top:100px;margin:0 0 44px}.ss-section:last-of-type{margin-bottom:8px}
.ss-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.ss-section-heading .ss-eyebrow{font-size:.59rem;margin:0 0 7px}.ss-section h2{font:400 1.5rem/1.5 var(--font-serif-jp);letter-spacing:.1em;margin:0;color:#e1ead6}.ss-section-count{display:inline-block;margin-left:16px;font:400 .68rem/1.5 var(--font-display);letter-spacing:.03em;color:#a6bda9}.ss-section-heading>p{font:400 .7rem/1.9 var(--font-serif-jp);margin:0;color:#afc2ae}
.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:23px 18px 18px;border:1px solid rgba(186,211,166,.2);border-radius:14px;background:linear-gradient(125deg,rgba(155,178,142,.1),rgba(10,34,23,.13));box-shadow:inset 0 1px 0 rgba(237,255,214,.07);scroll-margin-top:100px;transition:border-color .2s,background .2s}
.ss-card[hidden]{display:none}.ss-index{position:absolute;top:6px;left:16px;font:400 9px/1.3 var(--font-display);color:#92a78f;letter-spacing:.08em}
.ss-play{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(190,212,154,.4);background:radial-gradient(circle at 35% 10%,rgba(170,208,135,.25),rgba(22,59,32,.45));box-shadow:inset 0 1px 0 rgba(240,255,214,.2);color:#e7eac9;cursor:pointer;font:400 14px/1 sans-serif}
.ss-card-body{flex:1;min-width:0}.ss-card-meta{display:flex;justify-content:space-between;gap:8px;margin:0 0 4px;font:400 .6rem/1.7 var(--font-sans-jp);color:#aec2a9}.ss-card-meta span{font-variant-numeric:tabular-nums;color:#ccbF97;white-space:nowrap}.ss-card h3{font:400 1rem/1.75 var(--font-serif-jp);letter-spacing:.04em;margin:0;color:#e4ecd9;overflow-wrap:anywhere}
.ss-wave{display:block;width:100%;max-width:240px;height:24px;margin-top:8px;opacity:.52}.ss-wave path{stroke:#c3c392;stroke-width:2;stroke-linecap:round}
.ss-download{display:flex;flex:none;flex-direction:column;justify-content:center;align-items:center;width:44px;min-height:48px;color:#c8d5b4;text-decoration:none;font:400 22px/1.2 serif;border-radius:8px}.ss-download span{font:400 9px/1.5 var(--font-sans-jp);letter-spacing:.08em;margin-top:4px}.ss-original{position:absolute;right:17px;bottom:3px;color:#9fb39f;font-size:9px;text-decoration:underline}
.ss-card.is-playing{border-color:rgba(213,225,160,.7);background:linear-gradient(130deg,rgba(148,179,98,.2),rgba(21,68,42,.34))}.ss-card.is-playing .ss-wave{opacity:1}.ss-card.is-playing .ss-play{box-shadow:0 0 24px rgba(185,207,106,.15),inset 0 1px 0 #eff5c966}
.ss-afterword{text-align:center;padding:64px 20px 20px}.ss-afterword .ss-eyebrow{margin-bottom:14px}.ss-afterword h2{font:400 1.4rem/1.8 var(--font-serif-jp);letter-spacing:.1em;margin:0 0 15px}.ss-afterword p:not(.ss-eyebrow){font-size:.78rem;line-height:2;color:#c0d0bf}.ss-afterword>div{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.ss-afterword a{color:#d8dab4;font-size:.78rem;text-underline-offset:6px}.ss-footer{text-align:center;padding:20px 20px 150px;font:400 .7rem/1.8 var(--font-serif-jp);color:#9ab39e;background:#071813}
.ss-section-empty,#short-empty{font-size:.8rem;line-height:1.8;color:#c4d4bc}#short-reset{font:inherit;color:#e3e6bf;border:0;background:none;text-decoration:underline;cursor:pointer}
.ss-main :focus-visible{outline:2px solid #ebd89b;outline-offset:4px}
@media(hover:hover){.ss-doors a:hover,.ss-card:hover{border-color:rgba(218,227,177,.55);background-color:rgba(102,141,98,.1)}.ss-play:hover,.ss-download:hover{background-color:rgba(177,197,120,.15)}}
@media(max-width:760px){.ss-main{padding:0 16px 40px}.ss-hero{padding:90px 8px 30px}.ss-hero h1{font-size:clamp(1.6rem,6vw,2.8rem);letter-spacing:.06em}.ss-hero-copy{font-size:.8rem}.ss-doors{gap:10px}.ss-doors a{padding:18px 12px;gap:8px}.ss-door-mark{display:none}.ss-doors strong{font-size:1.2rem}.ss-doors a>span>span{font-size:.62rem}.ss-doors b{font-size:18px}.ss-doors small{font-size:.53rem}.ss-workbench{padding:22px 14px;border-radius:20px}.ss-toolbar{flex-wrap:wrap;gap:14px}.ss-toolbar>div{flex-basis:100%}.ss-search-label{flex:1;min-width:130px}.ss-toolbar input{width:100%}.ss-purpose-label{flex:1}.ss-toolbar select{max-width:100%}.ss-section-heading{display:block}.ss-section-heading>p{margin-top:10px}.ss-grid{grid-template-columns:1fr}.ss-card{padding-left:14px;padding-right:12px;gap:12px}.ss-backdrop{background-position:62% top}.ss-afterword{padding:44px 6px 12px}.ss-afterword>div{gap:18px}}
@media(prefers-reduced-motion:reduce){.ss-card,.ss-doors a{transition:none}}

.ss-mobile-break{display:none}@media(max-width:760px){.ss-mobile-break{display:block}.ss-doors a>span>span{font-size:.62rem;line-height:1.9}.ss-doors b{align-self:flex-end}}