/* Shared, visible controls. No morphing, frosted surfaces or hidden labels. */
:root{--ui-ink:#23392d;--ui-paper:#f6f2e8;--ui-edge:#536354;--ui-focus:#a33e22}
[hidden]{display:none!important}
html{scroll-padding-top:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-focus);outline-offset:5px}
.button,.collaborate-trigger,.collaborate-primary,.simple-button{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;
 padding:12px 22px;border:1px solid currentColor;border-radius:3px;
 background:var(--ui-ink);color:#fffdf5;font:500 14px/1.4 var(--type-reading,Arial,sans-serif);
 text-decoration:none;cursor:pointer;box-shadow:none;backdrop-filter:none;transform:none;
 transition:background-color .18s,color .18s;
}
.button:hover,.simple-button:hover{background:#375140;transform:none}
.button.button-dark{background:#142720;color:#fffdf5;border-color:#142720}
.button.button-dark:hover{background:#294735}
button:disabled{cursor:not-allowed;opacity:.6}
.simple-link,.hero-overline a,.section-head a,.back-link,.sketch-header>a:last-child,.sketch-footer a,.text-link,.line-link{
 display:inline-flex;align-items:center;min-height:44px;text-underline-offset:6px;text-decoration-thickness:1px;
 font-size:14px;line-height:1.5;white-space:normal;
}
.simple-link:hover,.hero-overline a:hover,.back-link:hover,.sketch-header>a:last-child:hover{text-decoration:underline}
.hero-overline a{border-bottom:1px solid #c4d5c266}
.home-page .emotion-hero .hero-copy{opacity:1}
.home-page .emotion-hero .hero-copy>:not(.collaborate-trigger),.home-page .emotion-hero .hero-copy::before{opacity:calc(1 - var(--camera-immersion,0)*.62)}
.home-page .emotion-hero .collaborate-trigger{background:transparent;color:#e8efdd;border:1px solid #93ac9e;min-height:46px;padding:10px 20px;gap:0;align-self:flex-start}
.home-page .emotion-hero .collaborate-trigger:hover{background:#e8efdd;color:#142720}
.home-page .emotion-hero .quiet-controls{gap:8px 20px;flex-wrap:wrap}
.quiet-controls>span{display:none}
.quiet-controls button{min-height:44px;border:0;border-bottom:1px solid transparent;background:none;color:#e1e8da;padding:8px 0;cursor:pointer}
.quiet-controls button:hover,.quiet-controls button[aria-pressed=true]{border-bottom-color:currentColor}
.home-page .emotion-hero .hero-bottom>a,.card-arrow,.creative-equation>b,.closing-word>span,.next-title>span{display:none}
.social-links a{border-radius:3px;background:none;border:0;box-shadow:none;backdrop-filter:none}
.social-links a:hover{background:#20392c0c}
.collaborate-dialog::backdrop{background:#08110dc9;backdrop-filter:none}
.collaborate-dialog .collaborate-close{border-radius:3px}
.collaborate-review-actions{flex-wrap:wrap}
.home-page .site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.home-page .site-nav{gap:22px}
.home-page .site-header .wordmark{flex-shrink:0}
.home-page .sound-study-heading p{max-width:35ch}
.home-page .sound-controls .sound-play{background:#243d30;color:#fffdf5;border:1px solid #243d30;border-radius:3px;padding:12px 22px;min-height:46px;font-size:14px}
.home-page .sound-study-bottom{font-size:12px;line-height:1.6}
.home-page .sound-study-bottom p{max-width:50ch}
.home-page .sound-note small{font-size:11px;letter-spacing:.05em}
.home-page .sound-secondary{margin-left:auto}
.home-page .section-description{max-width:32ch}
.home-page .music-links{gap:12px 26px}
.home-page .section-head{font-size:12px}
.home-page .release-note{font-size:14px;line-height:1.7}
.home-page .margin-note{font-size:15px;line-height:1.8}
.home-page .word-fragment{font:400 clamp(21px,2.2vw,30px)/1.55 var(--type-literary,Georgia,serif);margin:24px 0;color:#304736}
.home-page .podcast-section{padding-bottom:56px}
.home-page .podcast-grid{min-height:0;padding-block:42px}
.home-page .podcast-art{min-height:300px}
.home-page .experiment-section{padding-bottom:64px}
.cast-invitation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:56px 0 0}
.cast-invitation h2{font:400 clamp(42px,5vw,72px)/1.05 var(--type-display,Arial,sans-serif);letter-spacing:-.05em;margin:16px 0 24px}
.cast-invitation p{max-width:37ch;font-size:16px;line-height:1.8;color:#4e5d50}
.cast-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cast-preview img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#f8f4eb}
.cast-invitation .simple-link{margin-top:18px;border-bottom:1px solid #65765f}
.about-actions{display:flex;justify-content:center;gap:18px;align-items:center;margin:30px auto 0}
.about-actions .simple-button{background:#e3eacb;color:#172e25;border-color:#e3eacb}
.about-content .availability{font-size:12px!important;margin-top:14px!important;max-width:45ch!important;color:#c5d2c8!important}
.site-footer .closing-word{font-size:clamp(58px,10vw,144px);margin-block:18px 28px}
.site-footer .footer-line{font-size:13px;line-height:1.6}
.site-footer .footer-note,.song-footer>span:last-child{font-size:12px}
.sketch-page .skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:#fff;padding:12px}
.sketch-page .skip-link:focus{top:12px}
.sketch-page .sketch-intro>p:last-child{font-size:16px;line-height:1.8;max-width:58ch}
.sketch-page .cast-heading p,.sketch-page .avatar-sheet figcaption,.sketch-page .cast-label small,.sketch-page .sketch-footer{font-size:12px;line-height:1.6}
.sketch-page .sketch-note{font-size:14px;max-width:80ch}
.sketch-page .cast-label{min-height:65px}
.song-page .moods{gap:16px}
.song-page .moods span{border:0;border-radius:0;padding:0;font-size:13px}
.song-page .making-footnote,.song-page .draft-note,.song-page #audio-note{font-size:14px;line-height:1.7}
.song-page .next-chapter{padding-block:48px}
body:has(#workbench) .quiet,body:has(#duet) button{border-radius:3px}
@media(max-width:900px){.home-page .site-nav{gap:12px}.cast-invitation{gap:32px}.cast-invitation p{font-size:15px}}
@media(max-width:680px){
 .home-page .site-header{padding:18px var(--page-gutter)}
 .home-page .site-nav{gap:0;top:78px;z-index:30;background:#f6f2e8;color:#1c3027;border:1px solid #b9c1ad;border-radius:3px;box-shadow:0 12px 25px #14251c20}
 .home-page .site-nav a{padding:12px 20px}
 .home-page .menu-toggle{border:1px solid #283a29;border-radius:3px;background:#f7f0e3}
 .home-page .menu-toggle span{background:#213329}
 .home-page .hero-subline{font-size:16px;line-height:1.6}
 .home-page .hero-overline{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .home-page .hero-overline a{font-size:13px}
 .home-page .sound-controls{gap:16px}
 .home-page .sound-secondary{width:100%;justify-content:space-between}
 .home-page .sound-study-bottom{display:block}
 .home-page .sound-study-bottom p{max-width:none;text-align:left}
 .home-page .sound-study-bottom p+p{margin-top:8px;text-align:left}
 .cast-invitation{grid-template-columns:1fr;gap:24px;padding-top:32px}
 .cast-preview{max-width:480px;order:2}
 .home-page .podcast-art{min-height:240px}
 .sketch-header .brand-lettering{width:170px;max-width:46vw}
 .sketch-page .sketch-header>a:last-child{font-size:13px;text-align:right}
 .about-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .reveal{transform:none!important}
 .home-page .emotion-hero .hero-copy>:not(.collaborate-trigger),.home-page .emotion-hero .hero-copy::before{opacity:1}
}
.collaborate-dialog[data-step=review]>:is(.mini-label,h2,#collaborate-intro,.collaborate-preview){display:none}
.collaborate-dialog[data-step=review] #collaborate-review h3{font-size:34px;padding-right:36px}
.cast-jumps{display:flex;gap:24px;max-width:1320px;margin:0 auto 32px;padding-inline:var(--page-gutter)}
.cast-jumps a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #82907c;font-size:14px}
.home-page .sound-motion,.home-page .listening-settings summary{font-size:13px}
.home-page .emotion-hero .hero-copy>:not(.collaborate-trigger),.home-page .emotion-hero .hero-copy::before{opacity:1}
.collaborate-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.collaborate-fields>label{min-width:0}
.collaborate-dialog :is(input,select,textarea){min-width:0;max-width:100%}
@media(max-width:520px){.collaborate-fields{grid-template-columns:minmax(0,1fr)}}
.collaborate-dialog form{grid-template-columns:minmax(0,1fr)}
.collaborate-dialog form>*,.collaborate-fields{min-width:0}
.collaborate-dialog input[type=file]{width:100%}

.skip-link:not(:focus){top:0;transform:translateY(-200%)}