:root{color-scheme:dark;font-family:system-ui,Segoe UI,sans-serif;background:#0e1719;color:#f6f0e5}*{box-sizing:border-box}body{margin:0;padding-bottom:210px;background:linear-gradient(#101b1d,#0a1012)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6b875;outline-offset:3px}.shell{max-width:860px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0b1416}.brand{display:flex;gap:12px;align-items:center;letter-spacing:2px}.brand small{display:block;font-size:13px;letter-spacing:4px}.brand strong{font-family:Georgia,serif;font-size:16px}.mountain{font-size:36px;color:#e6b875}.textbutton{border:0;background:none;color:#e6b875;font-size:25px}.hero{min-height:260px;background:linear-gradient(90deg,rgba(8,17,18,.96),rgba(8,17,18,.25)),url('art/AnotherMorningInTheSaddle.jpg') center 45%/cover}.hero-inner{padding:35px 28px;max-width:540px}.eyebrow{letter-spacing:3px;font-size:11px;color:#e6b875}.hero h1{font:normal 32px/1.2 Georgia,serif;margin:12px 0}.hero p{color:#eee3d5}.gold{background:#dfb477;color:#172020;border:0;border-radius:8px;padding:11px 19px;font-weight:700}main{padding:25px}.sectionhead{display:flex;align-items:center;justify-content:space-between}.sectionhead h2{font:normal 27px Georgia,serif}.sectionhead span,.footnote{color:#9aa8a9;font-size:13px}.tabs{display:flex;gap:22px;border-bottom:1px solid #2d3a3d;margin-bottom:15px}.tabs button{background:none;border:0;color:#aab3b4;padding:12px 4px}.tabs .selected{color:#f0c489;border-bottom:2px solid #f0c489}#search{width:100%;padding:13px;border:1px solid #314043;border-radius:8px;background:#19282c;color:white;margin-bottom:12px}.track{display:flex;gap:13px;align-items:center;padding:11px 6px;border-bottom:1px solid #293739;cursor:pointer}.track:hover,.track.active{background:#1c2b2e}.track img{width:60px;height:60px;object-fit:cover;border-radius:5px}.track .info{flex:1}.track strong,.track small{display:block}.track small{color:#a7b2b4;margin-top:5px}.track button{border:0;background:none;color:#e5b77a;font-size:24px}.promo{margin-top:27px;border:1px solid #604d32;border-radius:12px;padding:22px;background:linear-gradient(120deg,#233331,#141c1e)}.promo small{color:#dfb477;letter-spacing:3px}.promo h3{font:normal 26px Georgia,serif;margin:8px 0}.promo a{color:#edc68e}.player{position:fixed;z-index:3;bottom:0;left:0;right:0;background:#101b1e;border-top:1px solid #52605e;box-shadow:0 -8px 40px #0009;display:flex;gap:22px;padding:15px max(18px,calc((100vw - 800px)/2));align-items:center}.player>img{width:120px;height:120px;object-fit:cover;border-radius:8px}.now{flex:1;min-width:0}.now>strong,.now>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now>small{font-size:12px;color:#a6b0b0;margin-top:3px}.progress{margin-top:10px}.progress input{width:100%;accent-color:#dfb477;height:6px}.times{display:flex;justify-content:space-between;font-size:11px;color:#b7c0c0}.controls,.secondary{display:flex;align-items:center;justify-content:space-around}.controls button,.secondary button{border:0;background:none;color:#f3f1e9;font-size:22px;padding:7px}.controls .play{background:#e5b878;color:#142022;border-radius:50%;height:45px;width:45px}.controls .on{color:#e5b878}.secondary button{font-size:13px;color:#dfb477}.modal{position:fixed;z-index:10;inset:0;background:#000d;display:grid;place-items:center;padding:15px}.modal[hidden]{display:none}.modalbody{position:relative;width:min(850px,100%);background:#101b1e;border:1px solid #5b5548;border-radius:12px;padding:22px}.modalbody video{width:100%;max-height:65vh;background:#000}.modalbody p{color:#bfc5c2}.close{position:absolute;right:12px;top:12px;background:none;border:0;color:white;font-size:22px}@media(max-width:560px){header{padding:10px 15px}.brand strong{font-size:12px}.brand small{font-size:10px}.hero{min-height:220px}.hero h1{font-size:27px}main{padding:17px}.player{gap:12px;padding:10px}.player>img{width:76px;height:76px}.controls button{font-size:19px;padding:5px}.controls .play{width:38px;height:38px}.secondary button{font-size:12px}body{padding-bottom:175px}}

/* Version 2: approved IBS banner and polished header */
.shell{max-width:1080px}
header{height:66px;background:#0b1416;border-bottom:1px solid #3a3024}
.hero{background:#0b1416;min-height:0}
.hero-banner{display:block;width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover;object-position:center}
.hero-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 25px;background:linear-gradient(100deg,#1b2625,#10191b);border-bottom:1px solid #5e4930}
.hero-actions p{margin:0;color:#e9d7bb;font:18px Georgia,serif}
.track img{width:110px;height:66px;object-fit:cover;border-radius:6px}
.track{padding:13px 8px}
.track strong{font-size:16px}
@media(max-width:560px){.hero-banner{aspect-ratio:1.65/1;object-fit:cover;object-position:center}.hero-actions{padding:14px;flex-direction:column;align-items:stretch}.hero-actions p{text-align:center;font-size:16px}.hero-actions .gold{width:100%}.track img{width:90px;height:58px}}

/* Version 3: preserve complete banner on phones; improve touch targets. */
.hero-banner { height:auto; aspect-ratio:auto; object-fit:contain; object-position:center; }
@media (max-width: 560px) {
  .hero-banner { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
  .hero { background:#0b1416; }
  .hero-actions { gap:10px; }
  .track { min-height:78px; }
  .track button { min-width:44px; min-height:44px; }
  .controls button { min-width:42px; min-height:42px; }
  .controls .play { min-width:46px; min-height:46px; }
  .secondary button { min-height:42px; }
  .player { padding-bottom:max(10px,env(safe-area-inset-bottom)); }
  #search { min-height:46px; }
}

#watch:disabled{opacity:.45;cursor:not-allowed}