@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root {
  --sos-black: #08090a;
  --sos-ink: #111416;
  --sos-blue: #83a9c7;
  --sos-blue-dark: #456a88;
  --sos-paper: #eef0ec;
  --sos-muted: #9aa0a4;
  --sos-line: rgba(255,255,255,.12);
}

html { scroll-behavior: smooth; scroll-padding-top: 78px; }
body { font-family: "League Spartan", sans-serif; color: #151719; background: var(--sos-black); }
p {font-size:1.1rem;}
h1,h2,h3,h4,.navbar-brand { font-family: "Space Grotesk", sans-serif; }
h1 { font-size: clamp(3rem, 7vw, 6.5rem); line-height: .93; letter-spacing: -.055em; font-weight: 600; max-width: 850px; }
h2 { font-size: clamp(2.3rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.045em; }
h3 { font-size: 1.65rem; letter-spacing: -.025em; }
a { transition: all .2s ease; }

.sos-nav { background: linear-gradient(180deg, rgba(0,0,0,.78), transparent); padding: 1.1rem 0; transition: background .25s ease, padding .25s ease; }
.sos-nav.scrolled { background: rgba(8,9,10,.94); padding: .9rem 0; backdrop-filter: blur(12px); }
.brand-logo { width: 165px; height: auto; }
.nav-link { color: rgba(255,255,255,.82)!important; font-size: 1rem; }
.nav-link:hover { color: #fff!important; }
/* dave edits*/
.navbar-toggler:focus {box-shadow:unset}

.hero {
  position: relative; min-height: 100vh; display:flex; align-items:center;
  background:
    linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.5) 42%, rgba(0,0,0,.08) 100%),
    url("../assets/bg-2000x1333.jpg") center/cover no-repeat;
  color: white;
}
.hero-overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,9,10,.95), transparent 45%); }
.hero .lead { max-width: 650px; color: rgba(255,255,255,.78); font-size: 1.15rem; }
.eyebrow { font-size: .72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--sos-blue); margin-bottom:1rem; }

.section { padding: 8rem 0; }
.section-dark { background: var(--sos-black); color:white; }
.section-light { background: var(--sos-paper); color:#151719; }
.section-heading { margin-bottom:3.5rem; max-width:800px; }
.section-heading.dark .eyebrow { color: var(--sos-blue-dark); }

.release-card { background: #111416; border:1px solid var(--sos-line); overflow:hidden; }
.release-card h3 { margin-bottom: .75rem; }
.release-card p { color:#b9bec1; }
.release-art { object-fit:cover; min-height:100%; aspect-ratio:1/1; }
.release-art-wide { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.small-muted { color:#8e9599!important; }
.btn-primary { --bs-btn-bg: var(--sos-blue-dark); --bs-btn-border-color: var(--sos-blue-dark); --bs-btn-hover-bg: #547d9e; --bs-btn-hover-border-color:#547d9e; }
.text-link { color:#b7d0e3; text-decoration:none; font-weight:600; }
.text-link:hover { color:white; }
.release-featured { border-color: rgba(131,169,199,.28); }

.video-card { position:relative; display:block; overflow:hidden; background:#dfe3df; }
.video-card img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; filter:saturate(.8); transition:transform .4s ease, filter .4s ease; }
.video-card:hover img { transform:scale(1.04); filter:saturate(1); }
.play { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%; display:grid; place-items:center; padding-left:3px; background:rgba(255,255,255,.92); color:#111; box-shadow:0 8px 30px rgba(0,0,0,.2); }

.bio-image { width:100%; max-height:650px; object-fit:cover; filter:grayscale(1); }
.section-dark p:not(.eyebrow) { color:#b8bdc0; }
.contact-form .form-control { border:0; border-radius:0; border-bottom:1px solid #aeb2b0; background:transparent; padding:.85rem 0; }
.contact-form .form-control:focus { box-shadow:none; border-color:#111; }
.contact-form .form-check-input:checked { background-color:#111; border-color:#111; }

.footer { padding:2rem 0; background:#050606; color:#777d80; font-size:.85rem; }
.footer-logo { width:130px; }
.footer a { color:#b7d0e3; text-decoration:none; }

.video-placeholder { display:grid; place-items:center; height:100%; color:#aaa; background:#151718; text-align:center; padding:2rem; }

/* Social Media icons */
@font-face {
    font-family: 'icomoon';
    src: url('icomoon.eot?vz7b7d?1782998385');
    src: url('icomoon.eot?vz7b7d#iefix?1782998385') format('embedded-opentype'), url('icomoon.ttf?vz7b7d?1782998385') format('truetype'), url('icomoon.woff?vz7b7d?1782998385') format('woff'), url('icomoon.svg?vz7b7d#icomoon?1782998385') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
    content: "\e900";
}

.icon-bandcamp:before {
    content: "\e901";
}

.icon-youtube:before {
    content: "\e906";
}

.icon-facebook2:before {
    content: "\e902";
}

.icon-facebook1:before {
    content: "\e903";
}

.icon-soundcloud2:before {
    content: "\e904";
}

.icon-soundcloud1:before {
    content: "\e905";
}

@media (max-width: 991.98px) {
  .sos-nav { background:rgba(8,9,10,.94); }
  .hero { min-height: 88vh; }
  .section { padding:6rem 0; }
}
@media (max-width: 575.98px) {
  .brand-logo { width:135px; }
  .hero { background-position: 62% center;
  background:
    linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.5) 42%, rgba(0,0,0,.08) 100%),
    url("../assets/bg-1000x1000.jpg") center/cover no-repeat;}
  .hero .lead { font-size:1rem; }
  .section { padding:5rem 0; }
}