.platform-five{grid-template-columns:repeat(5,1fr)}.platform-six{grid-template-columns:repeat(6,1fr)}
.section-paper .button:not(.solid){color:var(--ink);border-color:var(--copper);background:rgba(255,255,255,.38)}
.section-paper .button:not(.solid):hover,.section-paper .button:not(.solid):focus-visible{color:var(--cream);background:var(--copper);border-color:var(--copper)}
.feature-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.feature-links a{display:grid;grid-template-columns:60px 1fr;gap:8px 20px;padding:42px 34px;text-decoration:none;border-right:1px solid var(--line);transition:background var(--ease)}
.feature-links a:hover{background:rgba(183,154,98,.08)}
.feature-links span{grid-row:1/3;color:var(--gold);font-size:.7rem;letter-spacing:.2em}
.feature-links strong{font:700 clamp(2rem,4vw,4rem)/1 var(--serif)}
.feature-links em{font-style:normal;color:var(--muted)}
.album-hero{min-height:90vh;padding:150px 0 80px;display:flex;align-items:center;background:radial-gradient(circle at 80% 20%,var(--forest),transparent 45%),var(--ink)}
.album-hero-grid{display:grid;grid-template-columns:minmax(300px,560px) 1fr;gap:clamp(50px,9vw,130px);align-items:center}
.album-cover-large{width:100%;height:auto;object-fit:contain;box-shadow:0 35px 90px rgba(0,0,0,.5)}
.album-hero h1{font:700 clamp(4rem,8vw,8rem)/.85 var(--serif);margin:12px 0 28px;text-transform:uppercase}
.album-hero h1 small{display:block;font-size:.28em;line-height:1.2;margin-top:16px}
.album-note{font:400 clamp(1.2rem,2vw,1.7rem)/1.5 var(--serif);max-width:620px;color:var(--paper)}
.track-table{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid var(--line);counter-reset:tracks}
.track-table li{counter-increment:tracks;display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;padding:17px 4px;border-bottom:1px solid var(--line)}
.track-table li::before{content:counter(tracks,decimal-leading-zero);color:var(--gold);font-size:.68rem;letter-spacing:.14em}
.track-table time{color:var(--muted);font-variant-numeric:tabular-nums}
.track-story-link{color:inherit;text-decoration:none}.track-story-link small{display:inline-block;margin-left:12px;color:var(--gold);font:800 .6rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.track-story-link:hover{text-decoration:underline;text-underline-offset:4px}
.album-context{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}
.album-context h2{font:700 clamp(2.8rem,6vw,6.4rem)/.92 var(--serif);margin:0}
.album-context .lead{margin-top:0}
.soundcloud-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.album-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px;border:1px solid var(--line);max-width:760px}
.album-platforms a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 10px;border-right:1px solid var(--line);color:var(--cream);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background var(--ease),color var(--ease)}
.album-platforms a:last-child{border-right:0}.album-platforms a:hover,.album-platforms a:focus-visible{background:var(--gold);color:var(--ink)}
.story-timeline{max-width:920px;margin:60px auto 0}
.story-stop{display:grid;grid-template-columns:140px 1fr;gap:40px;padding:0 0 70px}
.story-stop .year{font:700 2rem/1 var(--serif);color:var(--gold)}
.story-stop h2{font:700 clamp(2rem,4vw,4.2rem)/1 var(--serif);margin:0 0 18px}
.story-stop p{color:#c8cbc6}
.story-archive-figure{margin:32px 0 28px;max-width:560px}.story-archive-figure img{width:100%;height:auto;border:1px solid rgba(183,154,98,.42);filter:grayscale(1) contrast(1.06);box-shadow:0 24px 60px rgba(0,0,0,.34)}.story-archive-figure figcaption{margin-top:12px;color:var(--muted);font-size:.76rem;letter-spacing:.08em}
.druids-single{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:34px 0;background:var(--line);border:1px solid var(--line)}
.druids-single a{display:grid;background:#151816;color:var(--cream);text-decoration:none;overflow:hidden}
.druids-single img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) sepia(.12) contrast(1.08);transition:transform .7s ease,filter .7s ease}
.druids-single span{display:grid;gap:7px;padding:22px}.druids-single small,.druids-single em{color:var(--gold);font:800 .62rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}.druids-single strong{font:700 1.35rem/1.1 var(--serif)}.druids-single em{font-style:normal;color:var(--muted)}
.druids-single a:hover img{transform:scale(1.025);filter:grayscale(.2) sepia(.08) contrast(1.04)}
.songbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px}
.songbook-card{background:var(--ink);padding:40px}
.songbook-card h2{font:700 2.2rem/1 var(--serif);margin:0 0 16px}
.songbook-card p{color:var(--muted)}
.text-link{display:inline-block;margin-top:12px;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.current-project{position:relative;overflow:hidden;background:linear-gradient(125deg,#101512 0%,#1c2d25 68%,#27382f 100%)}
.current-project::after{content:"";position:absolute;right:-8vw;bottom:-20vw;width:46vw;aspect-ratio:1;border:1px solid rgba(183,154,98,.18);border-radius:50%;pointer-events:none}
.current-project-grid{position:relative;z-index:1;display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(48px,8vw,120px);align-items:start}
.current-project-mark{margin:0;color:transparent;font:700 clamp(5.5rem,12vw,11rem)/.72 var(--serif);letter-spacing:-.04em;-webkit-text-stroke:1px rgba(183,154,98,.45)}
.current-project-copy{max-width:760px}.current-project-copy h2{margin:.12em 0 .35em;font:700 clamp(3.4rem,7vw,7rem)/.88 var(--serif);text-transform:uppercase}.current-project-copy .lead{max-width:700px}.current-project-copy>p:not(.meta):not(.lead){max-width:650px;color:#c8cbc6}
.roadbook-current .current-project-copy h2{font-size:clamp(3rem,6vw,6rem);max-width:800px}
.songbook-portrait-section{padding:clamp(80px,10vw,150px) 0;background:linear-gradient(120deg,#1a211d,#0f1210);overflow:hidden}.songbook-portrait-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(46px,8vw,120px);align-items:center}.songbook-portrait-copy blockquote{margin:0 0 30px;font:italic clamp(2.6rem,5.5vw,6.2rem)/.94 var(--serif)}.songbook-portrait-copy>p:last-child{max-width:520px;color:#b9bdb7}.songbook-portrait-grid figure{margin:0;position:relative}.songbook-portrait-grid figure::before{content:"";position:absolute;z-index:0;inset:8% -10% -6% 13%;border:1px solid rgba(183,154,98,.34)}.songbook-portrait-grid img{position:relative;z-index:1;width:min(100%,680px);max-height:78vh;margin-left:auto;object-fit:contain;object-position:center;filter:saturate(.86) contrast(1.04);box-shadow:0 34px 80px rgba(0,0,0,.48)}.songbook-portrait-grid figcaption{position:relative;z-index:1;margin:14px 0 0 auto;max-width:680px;color:var(--muted);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.archive-photo{width:100%;max-height:72vh;object-fit:cover;filter:saturate(.78) contrast(1.06)}
.listening-dock{position:fixed;right:22px;bottom:20px;z-index:45;display:grid;justify-items:end;gap:10px}
.dock-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid var(--gold);background:rgba(17,19,18,.94);color:var(--cream);font:800 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}
.dock-pulse{width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 0 rgba(167,92,54,.6);animation:dock-pulse 2.4s infinite}
@keyframes dock-pulse{60%{box-shadow:0 0 0 9px rgba(167,92,54,0)}}
.dock-panel{width:min(310px,calc(100vw - 28px));padding:22px;background:rgba(17,19,18,.97);border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.dock-panel p{margin:0 0 12px;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.dock-panel a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font:700 1.08rem/1.2 var(--serif)}
.dock-panel a:hover span{transform:translate(2px,-2px)}.dock-panel a span{transition:transform var(--ease)}
.mood-toggle,.needle-drop{margin-top:18px;padding:11px 0;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--cream);font:800 .66rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.needle-drop{margin:34px 0 4px;color:var(--gold)}
.track-table li{transition:background .35s ease,padding .35s ease,color .35s ease}.track-table li.track-picked{padding-left:18px;background:linear-gradient(90deg,rgba(167,92,54,.3),transparent);color:var(--cream)}
.album-cover-large{transition:transform .25s ease,box-shadow .25s ease;transform-style:preserve-3d}
.mood-dawn .hero::before{filter:sepia(.22) saturate(1.12) brightness(1.12)}
.mood-dawn .hero::after{background:linear-gradient(90deg,rgba(47,31,20,.75) 0%,rgba(71,46,24,.32) 48%,rgba(10,13,11,.08) 80%),linear-gradient(0deg,#1c1812 0%,transparent 42%)}
.mood-dawn .site-header{background:linear-gradient(to bottom,rgba(37,27,18,.88),transparent)}.mood-dawn .dock-toggle{background:rgba(52,37,24,.95)}
.media-hero{min-height:72vh;display:flex;align-items:end;background-color:#101211;background-image:linear-gradient(90deg,rgba(16,18,17,.98) 0%,rgba(16,18,17,.9) 34%,rgba(16,18,17,.34) 57%,rgba(16,18,17,.04) 78%),url('../images/michael/media-studio-portrait.webp');background-position:center,right 42%;background-size:cover,auto 118%;background-repeat:no-repeat;padding-bottom:90px}
.featured-video{display:grid;grid-template-columns:minmax(420px,1.35fr) 1fr;gap:clamp(40px,7vw,100px);align-items:center}.featured-video h2{font:700 clamp(3rem,6vw,6.5rem)/.9 var(--serif);margin:12px 0 24px;text-transform:uppercase}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 34px;margin-top:70px}.video-card h3{font:700 clamp(1.7rem,3vw,3rem)/1 var(--serif);margin:8px 0}.video-card .meta{margin-top:22px}
.video-launch{position:relative;display:block;width:100%;padding:0;border:0;background:#080a09;color:var(--cream);cursor:pointer;overflow:hidden;aspect-ratio:16/9;text-decoration:none}.video-launch img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease;filter:saturate(.72) contrast(1.08)}.video-launch:hover img,.video-launch:focus-visible img{transform:scale(1.025);filter:saturate(.95) contrast(1.05)}
.video-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(17,19,18,.72);font-size:1.2rem;padding-left:4px;transition:background var(--ease),transform var(--ease)}.video-launch:hover .video-play{background:var(--copper);transform:translate(-50%,-50%) scale(1.06)}
.video-launch iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.river-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:end;overflow:hidden;background:#0b1310 url('../images/backgrounds/down-river-authentic.webp') 55% center/cover no-repeat}
.river-bg-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;pointer-events:none}
.river-preview{margin:1.6rem 0 2rem}.river-preview p{margin-bottom:.75rem}.river-preview audio{display:block;max-width:34rem}
.river-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,12,10,.92) 0%,rgba(7,12,10,.52) 48%,rgba(7,12,10,.12) 78%),linear-gradient(0deg,#101512 0%,transparent 46%)}
.river-title-wrap{position:relative;padding:170px 0 13vh}.river-title-wrap h1{margin:0;font:700 clamp(5rem,13vw,12rem)/.75 var(--serif);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 8px 36px rgba(0,0,0,.5)}
.river-deck{max-width:610px;margin:34px 0 30px;font:400 clamp(1.25rem,2.25vw,1.9rem)/1.42 var(--serif);color:var(--paper)}
.river-hero-actions{align-items:center;margin-top:28px}.river-scroll{display:inline-flex;gap:14px;align-items:center;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.2em;text-decoration:none;text-transform:uppercase}.river-scroll span{font-size:1.3rem;animation:river-arrow 1.8s ease-in-out infinite}
.river-story{background:linear-gradient(125deg,#101512,#18251f);color:var(--cream)}.river-story-grid,.river-listen-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.river-story h2,.river-listen-grid h2{margin:0;font:700 clamp(3.1rem,7vw,7rem)/.86 var(--serif);text-transform:uppercase}.river-story p:not(.eyebrow){color:#c8cbc6}.river-story em{color:var(--cream)}
.river-passage{position:relative;isolation:isolate;min-height:72vh;display:flex;align-items:end;overflow:hidden;padding:10vh 0;background:url('../images/backgrounds/down-river-authentic.webp') center 77%/cover fixed}.river-passage::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(8,13,11,.82),rgba(8,13,11,.02) 75%)}.river-passage blockquote{position:relative;margin:0;max-width:900px;font:italic clamp(2.5rem,6vw,6rem)/.95 var(--serif);text-shadow:0 5px 22px rgba(0,0,0,.6)}
.river-listen-grid h2 small{font-size:.32em;line-height:1.15}.river-listen-grid .actions{margin-top:34px}
@keyframes river-arrow{50%{transform:translateY(7px)}}

.about-hero{min-height:78vh;background:#b99462 url('../images/backgrounds/about-michael-sepia-wide.webp') center/cover no-repeat;color:#19130d}
.about-hero .container{display:flex;min-height:78vh;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}
.about-hero .container>*{width:min(590px,47%)}
.napp-section{overflow:hidden}.napp-grid{display:grid;grid-template-columns:.76fr 1.2fr;grid-template-areas:'copy main' 'detail main';gap:clamp(18px,3vw,48px);align-items:center}.napp-copy{grid-area:copy;padding:4vh 0}.napp-copy h1,.napp-copy h2{font-size:clamp(3rem,6vw,7rem);line-height:.86;margin:.18em 0 .3em}.napp-copy .lead{max-width:28rem}.napp-dedication{display:inline-block;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(231,221,200,.35);font-family:var(--serif);font-style:italic;color:var(--gold)}.napp-photo{margin:0;overflow:hidden;background:#090b0a}.napp-photo img{display:block;width:100%;height:100%;object-fit:cover}.napp-photo-main{grid-area:main;aspect-ratio:3/2}.napp-photo-main img{object-position:center}.napp-photo-detail{grid-area:detail;aspect-ratio:3/2}.napp-photo-detail img{object-position:center}.napp-memorial{padding-top:clamp(8rem,12vw,11rem)}

@media(max-width:800px){.about-hero,.about-hero .container{min-height:72vh}.about-hero{background:#b99462 url('../images/backgrounds/about-michael-sepia-wide.webp') 72% center/cover no-repeat}.about-hero .container{justify-content:flex-start;align-items:flex-start;padding-top:22vh}.about-hero .container>*{width:58%;max-width:18rem}.napp-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'main' 'detail'}.napp-photo-main{aspect-ratio:3/2}}
@media(max-width:600px){.about-hero{background-position:82% center}.about-hero .container>*{width:62%}}
@media(max-width:900px){.current-project-grid{grid-template-columns:1fr;gap:28px}.current-project-mark{font-size:clamp(5rem,18vw,8rem)}}
@media(max-width:600px){.current-project-grid{gap:24px}.current-project-mark{font-size:23vw}.current-project-copy h2,.roadbook-current .current-project-copy h2{font-size:13vw}}

@media(max-width:800px){.river-story-grid,.river-listen-grid{grid-template-columns:1fr}.river-bg-video{object-position:center}.river-title-wrap{padding-bottom:12vh}.river-title-wrap h1{font-size:17vw;line-height:.79}.river-deck{max-width:20rem;font-size:1.12rem}.river-passage{background-attachment:scroll;min-height:58vh}.river-listen-grid .actions{display:grid}.river-listen-grid .button{width:100%}}
@media(prefers-reduced-motion:reduce){.river-scroll span{animation:none!important}}
@media(max-width:900px){.platform-five,.platform-six{grid-template-columns:1fr 1fr}.platform-five a:last-child{grid-column:1/-1}.album-hero-grid,.album-context{grid-template-columns:1fr}.album-cover-large{max-width:600px}.feature-links{grid-template-columns:1fr}.feature-links a{border-right:0;border-bottom:1px solid var(--line)}.songbook-grid,.songbook-portrait-grid{grid-template-columns:1fr}.songbook-portrait-grid figure{max-width:620px}.songbook-portrait-grid img{margin-left:0}.songbook-portrait-grid figcaption{margin-left:0}}
@media(max-width:700px){.album-platforms{grid-template-columns:1fr 1fr}.album-platforms a{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.album-platforms a:nth-child(even){border-right:0}.album-platforms a:last-child{grid-column:1/-1;border-right:0;border-bottom:0}}
@media(max-width:900px){.featured-video,.video-grid{grid-template-columns:1fr}.video-grid{gap:54px}.featured-video .video-launch{max-width:760px}}
@media(max-width:600px){body{overflow-x:hidden}.nav{width:calc(100% - 28px)}.hero h1,.page-hero h1{font-size:12vw;max-width:100%;overflow-wrap:normal}.songbook-hero h1{font-size:10.2vw}.hero .genre{max-width:22rem;line-height:1.8}.hero .actions{display:grid;grid-template-columns:1fr;width:100%;max-width:24rem}.hero .actions .button{width:100%}.platform-five,.platform-six{grid-template-columns:1fr}.platform-five a:last-child{grid-column:auto}.album-hero{padding-top:120px;min-height:auto}.album-hero h1{font-size:15vw}.track-table li{grid-template-columns:38px 1fr}.track-table time{display:none}.story-stop{grid-template-columns:1fr;gap:14px}.soundcloud-strip{align-items:flex-start;flex-direction:column}.media-hero{min-height:74vh;background-image:linear-gradient(90deg,rgba(16,18,17,.95) 0%,rgba(16,18,17,.7) 48%,rgba(16,18,17,.12) 82%),url('../images/michael/media-studio-portrait.webp');background-position:center,68% center;background-size:cover,auto 100%;padding-bottom:58px}.media-hero p{max-width:19rem}.druids-single{grid-template-columns:1fr}}
@media(max-width:600px){.songbook-hero p{max-width:20rem;font-size:1.05rem}.songbook-page .section-title{max-width:20rem;font-size:10.5vw;overflow-wrap:break-word}.songbook-portrait-copy blockquote{font-size:12vw}}
@media(max-width:600px){.listening-dock{right:14px;bottom:14px}.dock-toggle{min-height:46px}.dock-panel{max-height:70vh;overflow:auto}}
@media(max-width:1280px) and (min-width:801px){.menu-button{display:block}.nav-links{position:fixed;inset:72px 0 auto;background:rgba(17,19,18,.98);display:grid;gap:0;padding:20px;transform:translateY(-130%);transition:transform var(--ease);z-index:-1}.nav-links.open{transform:none}.nav-links a{padding:17px 8px;border-bottom:1px solid var(--line)}}
@media(max-width:1280px) and (min-width:801px){.site-header:not(.scrolled) .nav-links{top:86px}.site-header.scrolled .nav-links{top:70px}}

/* Keep the open compact navigation above page content and fully inside the viewport. */
@media(max-width:1280px){
  .nav-links{bottom:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;z-index:1;padding-bottom:max(30px,env(safe-area-inset-bottom))}
  .nav>.brand,.nav>.menu-button{position:relative;z-index:2}
  .nav-links .button{margin:16px 0 1px;min-height:58px}
}

/* Compact navigation is portaled to body by site.js. This keeps the menu out
   of the fixed/filtered header's containing block, where mobile browsers can
   clip it to the header height. */
@media(max-width:1280px){
  body>.nav-links.nav-overlay{
    position:fixed;
    inset:0!important;
    z-index:29;
    width:100%;
    height:100vh;
    height:100dvh;
    display:grid;
    align-content:start;
    gap:0;
    padding:96px 24px max(32px,env(safe-area-inset-bottom));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:rgba(17,19,18,.985);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity var(--ease),transform var(--ease),visibility 0s linear var(--ease);
  }
  body>.nav-links.nav-overlay.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition-delay:0s;
  }
  body>.nav-links.nav-overlay>a{
    min-height:58px;
    padding:16px 12px;
    border-bottom:1px solid var(--line);
  }
  body>.nav-links.nav-overlay>.button{
    min-height:60px;
    margin:16px 0 4px;
    border:0!important;
    box-shadow:inset 0 0 0 1px var(--gold);
  }
}

/* Hero rotation: the Road Book river opens Songbook, while the forest
   portrait formerly used on About now introduces the Road Book. */
.songbook-hero{
  min-height:78vh;
  display:flex;
  align-items:center;
  padding:150px 0 80px;
  background-color:#101511;
  background-image:linear-gradient(90deg,rgba(7,11,9,.9) 0%,rgba(7,11,9,.57) 38%,rgba(7,11,9,.08) 72%),url('../images/backgrounds/road-book-river-country.webp');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:var(--paper);
}
.songbook-hero .eyebrow{color:var(--gold)}
.songbook-hero p:not(.eyebrow){color:var(--paper)}
.songbook-hero .container>*{max-width:620px;width:47%}
.songbook-hero h1{font-size:clamp(4.5rem,7vw,7.25rem)}

.about-hero{
  background-color:#101511;
  background-image:linear-gradient(270deg,rgba(7,11,9,.9) 0%,rgba(7,11,9,.58) 34%,rgba(7,11,9,.08) 65%),url('../images/michael/michael-wide-hero-left-v3.webp');
  background-position:center,center;
  background-size:cover;
  background-repeat:no-repeat;
  color:var(--paper);
}
.about-hero .container{align-items:flex-end;text-align:left}
.about-hero .container>*{width:min(590px,47%)}
.about-hero .eyebrow{color:var(--gold)}
.about-hero p{color:var(--paper)}
.about-hero h1{font-size:clamp(4.5rem,7.3vw,7.5rem)}

@media(max-width:800px){
  .songbook-hero{min-height:72vh;padding:132px 0 62px;background-position:62% center;align-items:flex-start}
  .songbook-hero .container>*{width:58%;max-width:19rem}
  .songbook-hero h1{font-size:10.2vw}
  .about-hero{
    background-image:linear-gradient(0deg,rgba(7,11,9,.94) 0%,rgba(7,11,9,.5) 48%,rgba(7,11,9,.05) 78%),url('../images/michael/michael-wide-hero-left-v3.webp');
    background-position:center,34% center;
  }
  .about-hero .container{justify-content:flex-end;align-items:flex-start;padding-top:0;padding-bottom:8vh}
  .about-hero .container>*{width:100%;max-width:24rem}
  .about-hero h1{font-size:12vw}
}

@media(max-width:600px){
  .songbook-hero{background-position:64% center}
  .songbook-hero .container>*{width:64%}
  .about-hero{background-position:center,18% center}
}

/* Tablet-specific component tuning. */
@media (min-width:601px) and (max-width:1100px){
  .feature-links a{padding:34px 28px}
  .album-hero{padding-top:128px;padding-bottom:72px}
  .album-hero h1{font-size:clamp(4rem,9vw,6.2rem)}
  .album-note{font-size:clamp(1.2rem,2.3vw,1.55rem)}
  .album-context{gap:6vw}
  .soundcloud-strip{gap:24px}
  .story-timeline{margin-top:48px}
  .story-stop{grid-template-columns:110px 1fr;gap:28px;padding-bottom:58px}
  .songbook-card{padding:32px 28px}
  .songbook-card h2{font-size:1.9rem}
  .songbook-portrait-copy blockquote{font-size:clamp(3rem,7vw,4.8rem)}
  .video-grid{gap:56px 28px;margin-top:56px}
  .river-title-wrap h1{font-size:clamp(6rem,15vw,9rem)}
  .river-passage blockquote{font-size:clamp(3rem,7vw,4.8rem)}
  .napp-copy h2{font-size:clamp(3.4rem,8vw,5.6rem)}
}
@media (min-width:901px) and (max-width:1100px){
  .album-hero-grid{grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:6vw}
  .album-cover-large{max-width:460px}
  .featured-video{grid-template-columns:minmax(380px,1.1fr) .9fr;gap:5vw}
}
@media (min-width:601px) and (max-width:900px){
  .album-cover-large{width:min(100%,560px)}
  .album-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .album-platforms a{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .album-platforms a:nth-child(3){border-right:0}
  .album-platforms a:nth-child(n+4){border-bottom:0}
  .album-platforms a:last-child{border-right:0}
  .songbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .songbook-card:last-child{grid-column:1/-1}
  .songbook-portrait-grid{gap:54px}
  .featured-video h2{font-size:clamp(3.4rem,8vw,5.2rem)}
}
@media (min-width:601px) and (max-width:800px){
  .about-hero .container{padding-top:18vh}
  .about-hero .container>*{width:54%;max-width:22rem}
  .napp-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'main' 'detail'}
  .napp-photo-main,.napp-photo-detail{aspect-ratio:3/2}
  .river-title-wrap{padding-top:140px}
  .river-title-wrap h1{font-size:14vw}
  .river-deck{max-width:31rem;font-size:1.25rem}
  .river-listen-grid .actions{display:flex}
  .river-listen-grid .button{width:auto}
}

@media (min-width:601px) and (max-width:1280px) and (orientation:portrait){
  .about-hero,.about-hero .container{min-height:70vh}
  .about-hero .container{justify-content:flex-start;align-items:flex-start;padding-top:18vh}
  .about-hero .container>*{width:54%;max-width:22rem}
  .napp-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'main' 'detail'}
  .napp-photo-main,.napp-photo-detail{aspect-ratio:3/2}
  .media-hero{background-position:center,72% center;background-size:cover,auto 108%}
  .songbook-portrait-grid{grid-template-columns:1fr;gap:54px}
  .songbook-portrait-grid figure{max-width:620px}
  .songbook-portrait-grid img,.songbook-portrait-grid figcaption{margin-left:0}
  .featured-video,.video-grid{grid-template-columns:1fr}
  .featured-video .video-launch{max-width:760px}
  .video-grid{gap:54px}
  .river-story-grid,.river-listen-grid{grid-template-columns:1fr}
  .river-bg-video{object-position:center}
  .river-title-wrap{padding-top:140px;padding-bottom:10vh}
  .river-title-wrap h1{font-size:14vw;line-height:.79}
  .river-deck{max-width:31rem;font-size:1.25rem}
  .river-passage{background-attachment:scroll;background-position:56% 77%;min-height:58vh}
}