*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--dock-height,190px)}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,summary{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text);background:#1b4149;border:1px solid #72918e;border-radius:5px;padding:10px 16px;min-height:44px;line-height:1.3}button:hover{background:#28535a}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}input[type=range]{accent-color:var(--green);min-height:44px;max-width:100%;cursor:pointer}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);vertical-align:middle}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(66px,9vw,128px);font-weight:650;letter-spacing:-.075em;margin:2px 0 18px}h2{font-size:clamp(32px,3.6vw,46px);font-weight:550}h3{font-size:28px;font-weight:550}h4{font-size:22px;font-weight:550}p+p{margin-top:20px}img,video,canvas{max-width:100%;display:block}video{width:100%;height:auto}input{min-width:0}button{flex-shrink:0}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:0;font-size:14px}.wordmark{font-weight:650;text-decoration:none;color:var(--text);font-size:19px;letter-spacing:-.04em}.wordmark span{color:var(--accent);margin-left:8px}.site-header nav{display:flex;gap:26px;flex-wrap:wrap}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--text)}.intro{padding-top:38px;padding-bottom:32px;position:relative}.place{font-size:13px;font-weight:550;color:var(--accent);letter-spacing:.04em}.tagline{font-size:clamp(20px,2.3vw,30px);line-height:1.4;letter-spacing:-.02em}.intro-note{position:absolute;right:0;bottom:40px;width:31%;max-width:340px;font-size:16px;color:var(--muted)}.main-player{position:sticky;top:0;z-index:10;background:var(--bg);border-block:0}.player-inner{padding-block:16px}.movie-shell{position:relative;background:#000;aspect-ratio:4;overflow:hidden}.map-label{position:absolute;bottom:8px;left:12px;font-size:12px;color:#fff;background:#07141bd9;padding:2px 7px;border-radius:2px}.map-label span{margin-inline:10px}.motion-still{display:none;width:100%;height:auto}.controls-area{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:14px}.primary-controls{display:flex;gap:8px;flex-wrap:wrap}.play-button{background:var(--green);color:var(--bg);border-color:var(--green);font-weight:650}.play-button:hover{background:#a9fa8c}.timeline-control{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;font-size:12px}.timeline-control input{width:100%;grid-row:1;grid-column:2}.timeline-control label{grid-row:1;grid-column:1}.timeline-control output{grid-column:2;color:var(--muted);margin-top:-4px}.volume-control{display:grid;grid-template-columns:auto 96px auto;align-items:center;gap:8px;font-size:12px}.volume-control output{min-width:30px;font-variant-numeric:tabular-nums}.player-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:8px}.player-footer span{max-width:48%;text-align:right}.credit,figcaption{font-size:12px;line-height:1.6;color:var(--muted)}.main-credit{margin-top:7px}.main-credit a{color:var(--muted)}.text-button{font-size:12px;min-height:32px;padding:5px 9px;background:transparent}.opening-description{display:flex;justify-content:space-between;gap:48px;padding-top:22px;padding-bottom:32px;align-items:start}.opening-description p{max-width:650px;font-size:14px;color:var(--muted)}.story-link{font-size:14px;max-width:220px}.story-section{padding-block:48px 56px;border-top:0;scroll-margin-top:20px}.section-lead{max-width:720px;margin-bottom:26px}.lead{font-size:clamp(23px,2.6vw,32px);line-height:1.4;margin-top:22px;letter-spacing:-.025em}.science-pair{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.prose{max-width:660px;color:var(--muted)}.prose strong{color:var(--text);font-weight:550}.volcano-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.volcano-photo figcaption{margin-top:12px}.score{font-size:64px;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:18px}.score span{font-size:16px;letter-spacing:0;color:var(--muted)}#green-description{color:var(--green);font-size:20px;margin-top:8px}.score-footnote{font-size:13px;color:var(--muted);margin-top:16px}.hearing .section-lead>p:last-child{margin-top:20px;color:var(--muted)}.about{max-width:850px;margin-inline:auto}.about h2{margin-bottom:24px}.about .prose{max-width:720px}.return-link{display:inline-block;margin-top:28px;font-size:19px}.site-footer{border-top:0;padding-block:28px 65px;font-size:13px;color:var(--muted)}details{margin-top:26px;border-block:0}summary{cursor:pointer;padding-block:20px;color:var(--text);font-size:15px;min-height:44px}.credits-content{max-width:780px;padding-block:15px 35px;font-size:15px}.credits-content h2{font-size:27px}.credits-content h3{font-size:20px;margin-top:30px;margin-bottom:12px}.credits-content p+p{margin-top:14px}.motion-option{display:flex;gap:10px;align-items:center;margin-block:20px;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:100;background:var(--text);color:var(--bg);padding:12px}.skip-link:focus{transform:none}.no-script{padding:30px}.reduce-motion{scroll-behavior:auto}.reduce-motion.is-running .movie-shell video{visibility:hidden}.reduce-motion.is-running .movie-shell .motion-still{display:block;position:absolute;inset:0}.error-message{color:var(--text)!important;border-left:3px solid var(--green);padding-left:10px}
@media(min-width:1400px){.intro{padding-top:50px;padding-bottom:45px}}
@media(max-width:1100px){.controls-area{grid-template-columns:1fr auto;gap:8px 20px}.primary-controls{grid-column:1/-1}.timeline-control{grid-column:1}.volume-control{grid-column:2}.science-pair{gap:35px}.intro-note{width:35%}}
@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.site-header{padding-block:18px;gap:16px}.site-header nav{gap:15px;font-size:12px}.wordmark{font-size:17px}.intro{padding-top:30px;padding-bottom:30px}.intro-note{position:static;width:auto;max-width:100%;margin-top:22px;font-size:15px}.desktop-break{display:none}.place{font-size:12px}h1{margin-top:12px}.main-player .player-inner{padding-block:12px}.controls-area{gap:8px}.primary-controls button{font-size:13px;padding:10px 12px}.volume-control{grid-template-columns:auto 75px auto;gap:5px}.timeline-control label{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.timeline-control input,.timeline-control output{grid-column:1}.player-footer{font-size:11px;gap:8px}.player-footer span{display:none}.main-credit{font-size:11px}.opening-description{display:block;padding-bottom:28px}.story-link{display:inline-block;margin-top:22px;max-width:none}.story-section{padding-block:32px}.section-lead{margin-bottom:22px}.science-pair{grid-template-columns:1fr;gap:30px}.volcano-photo{max-width:500px}.score{margin-top:0;grid-row:1/3;grid-column:2;justify-self:end;font-size:52px}#green-description{font-size:17px;margin-top:12px}.score-footnote{grid-column:1/-1}.return-link{font-size:17px}.credits-content{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the opening action in view at standard laptop heights. */
@media(min-width:701px){.intro{padding-top:26px;padding-bottom:26px}h1{font-size:clamp(66px,7vw,100px);margin-bottom:12px}.tagline{font-size:25px}.intro-note{bottom:30px}}
@media(min-width:701px) and (max-height:820px){.intro{padding-top:20px;padding-bottom:20px}h1{font-size:78px}.tagline{font-size:22px}.site-header{padding-block:18px}}

@media(min-width:701px){.intro h1,.intro .tagline{max-width:65%}}.map-label{background:#07141b}:focus{scroll-margin-block-start:24px}.builder-credit{color:var(--muted);font-size:14px}.site-header{justify-content:flex-start}.player-footer:has(p:empty){display:none}.site-header{border-bottom:0}.beat-transition{font-size:48px;line-height:1;text-align:center;color:var(--accent);padding-block:18px;user-select:none}.story-section{border-top:0}.opening-description{padding-bottom:8px}.score-qualifier{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:700px){#green-description{grid-column:1;grid-row:3}
}#main-play .play-icon{display:none}html{overflow-anchor:none}.intro .intro-note{position:static;width:auto;max-width:680px;margin-top:20px;text-align:left}.main-player .controls-area{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.main-player .primary-controls{grid-column:1;grid-row:1}.main-player .timeline-control{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.main-player .timeline-control label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.main-player .timeline-control input{grid-column:1;grid-row:1;width:100%;margin:0}.main-player .timeline-control output{grid-column:2;grid-row:1;margin:0;white-space:nowrap}.main-player .controls-area .volume-control{grid-column:3;grid-row:1}.movie-explanation{font-size:14px;line-height:1.6;color:var(--muted);max-width:900px;margin-top:14px}

/* Self-hosted type: reading text in Baskerville; headings and actions in Franklin. */
@font-face{font-family:"Libre Baskerville";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/libre-baskerville.ttf") format("truetype")}
@font-face{font-family:"Libre Baskerville";font-style:italic;font-weight:400 700;font-display:swap;src:url("assets/fonts/libre-baskerville-italic.ttf") format("truetype")}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/libre-franklin.ttf") format("truetype")}
@font-face{font-family:"Libre Franklin";font-style:italic;font-weight:100 900;font-display:swap;src:url("assets/fonts/libre-franklin-italic.ttf") format("truetype")}:root{--font-body:"Libre Baskerville",Georgia,serif;--font-heading:"Libre Franklin",system-ui,sans-serif}body{font-family:var(--font-body)}h1,h2,h3,h4,button,.tagline,.score{font-family:var(--font-heading)}.intro .tagline,.intro .intro-note{width:100%;max-width:none}
@media(max-width:360px){h1{font-size:56px}}.science-pair{grid-template-columns:minmax(0,1fr)}.section-lead,.prose,.about,.about .prose,.credits-content{max-width:none;margin-left:0;margin-right:0}.volcano-photo{width:100%;max-width:760px}.score-footnote{max-width:900px}.site-header{justify-content:space-between;align-items:baseline;gap:24px}.intro .intro-note{font-size:clamp(21px,2vw,27px);line-height:1.55;margin-top:20px}
@media(max-width:700px){.site-header{flex-direction:column;gap:8px;align-items:flex-start}.intro .intro-note{font-size:21px}}.video-source{position:absolute;right:12px;bottom:8px;background:#07141b;color:var(--text);font-size:12px;line-height:1.6;padding:2px 7px}
@media(max-width:700px){.movie-shell .map-label{top:6px;bottom:auto;left:6px;font-size:9px}.video-source{right:6px;bottom:6px;font-size:10px}}.volcano-footage{width:100%;max-width:900px}.volcano-footage video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}.volcano-footage button{margin-top:10px;font-size:14px}.volcano-footage figcaption{margin-top:12px}#usgs-status:empty{display:none}.volcano-footage{width:66.666667%;max-width:600px}.detection-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;max-width:none}.movie-shell .motion-still{z-index:0}.movie-shell .detection-overlay{z-index:1}.movie-shell .map-label,.movie-shell .video-source{z-index:2}.detection-movie{position:relative;aspect-ratio:4;background:#000;overflow:hidden}.detection-movie video{width:100%;height:100%;object-fit:contain}.hearing-player{width:100%;margin-top:20px}.hearing-player p:empty{display:none}.note-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;gap:8px}.note-strip span{padding:9px;text-align:center;font:500 20px var(--font-heading);color:var(--muted);background:var(--panel)}.note-strip span.active{background:var(--green);color:var(--bg)}.hearing-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto 90px auto;gap:12px;align-items:center;margin-top:12px;font-size:12px}.hearing-controls input{width:100%}.hearing-explainer{margin-block:22px 30px;line-height:1.7}.hearing-still{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.reduce-motion .hearing-player.is-playing video{visibility:hidden}.reduce-motion .hearing-player.is-playing .hearing-still{display:block}
@media(max-width:700px){.hearing-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.hearing-controls label[for="hearing-volume"]{grid-column:1;grid-row:2}.hearing-controls #hearing-volume{grid-column:2;grid-row:2}.hearing-controls #hearing-volume-value{grid-column:3;grid-row:2}.note-strip span{font-size:17px;padding:8px}}.intro h1{font-size:clamp(44px,6vw,88px)}.movie-title{position:absolute;top:8px;left:12px;z-index:2;max-width:calc(100% - 24px);font-size:clamp(10px,1.2vw,16px);line-height:1.4;color:#fff;background:#07141bd9;padding:2px 7px}
@media(max-width:700px){.movie-shell .map-label{top:auto;bottom:6px;font-size:8px}.movie-title{top:4px;left:6px;max-width:calc(100% - 12px);font-size:10px}}.volcano-footage{width:100%;max-width:960px;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:12px 24px;align-items:start}.volcano-footage video{grid-column:1;grid-row:1}.volcano-footage figcaption{grid-column:2;grid-row:1;margin-top:0}.volcano-footage #usgs-status{grid-column:1;grid-row:2}.volcano-footage #usgs-status:empty{display:none}
@media(max-width:700px){.volcano-footage{display:block;max-width:600px}.volcano-footage figcaption{margin-top:12px}}.layer-row{margin-block:16px}.layer-row>label{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:15px}.layer-row>label>span{font-size:13px;color:var(--muted)}.choir-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.choir-strip>div{display:flex;flex-direction:column;font-size:13px;padding:8px;background:var(--panel,#102831)}.choir-strip output{font-size:12px}.choir-strip meter{width:100%;accent-color:var(--green)}.layer-muted .note-strip,.layer-muted .choir-strip{opacity:.45}.main-player{position:static;top:auto}html{scroll-padding-top:24px}.play-button{font-size:17px;line-height:1.3;padding:10px 16px;min-height:44px}.note-strip small{display:block;font-size:12px;font-weight:400;margin-top:4px}.note-strip#hearing-notes span{font-size:clamp(12px,1.5vw,18px)}.moment-picker{border:0;padding:0;margin:24px 0 12px;display:flex;flex-wrap:wrap;gap:12px 24px}.moment-picker legend{font-family:var(--font-heading);font-weight:600;margin-bottom:10px}.moment-picker label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.moment-picker input{accent-color:var(--green);min-width:20px;min-height:20px}.moment-description{font-size:15px;margin-bottom:20px;color:var(--muted)}.wrap{max-width:1000px}.moment-picker{flex-direction:column;align-items:flex-start;gap:12px}.choir-name{display:flex;align-items:center;gap:8px}.plume-badge{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0;border:2px solid var(--voice-color);border-radius:50%;color:var(--voice-color);background:#07141b;font-family:var(--font-heading);font-weight:700;font-size:12px}.choir-strip meter{appearance:none;height:10px;border:0;background:#284149;border-radius:6px;overflow:hidden}.choir-strip meter::-webkit-meter-bar{background:#284149;border:0;border-radius:6px}.choir-strip meter::-webkit-meter-optimum-value{background:var(--voice-color)}.choir-strip meter::-moz-meter-bar{background:var(--voice-color)}.sources-link{display:block;text-align:right;margin-bottom:20px}.sources-page{padding-block:32px 64px}.sources-page h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em}.sources-page h2{font-size:26px;margin-top:36px}.sources-page ul{padding-left:24px}.sources-page li{margin-block:12px;overflow-wrap:anywhere}.site-footer .motion-option{display:block;font-size:14px}.about .sources-link{display:table;text-align:left;margin-top:12px;margin-bottom:0}