body {

margin:0;

background:#161616;

color:#d8d8d8;

font-family:"Inter", sans-serif;
  

padding:40px;

box-sizing:border-box;

}

.container {

max-width:700px;

margin:0 auto;

}

.hero-image {

width:100%;

display:block;

margin-bottom:40px;

}

h1 {

font-size:32px;

font-weight:normal;

margin-bottom:10px;

}

p {

font-size:18px;

line-height:1.8;

letter-spacing:0.2px;

color:#9a9a9a;

margin-bottom:24px;

}

.year {

font-size:16px;

color:#666;

margin-bottom:40px;

}

.meta {

margin-bottom:60px;

}

.meta p {

font-size:15px;

line-height:1.6;

color:#666;

margin-bottom:18px;

}

.bandcamp {

margin-top:70px;

margin-bottom:70px;

}

.album-player iframe {

height:621px;

}

.track-player iframe {

height:520px;

}

.credits {

margin-top:80px;

}

.credits p {

font-size:15px;

line-height:1.7;

color:#777;

margin-bottom:22px;

}

.back-link {

margin-top:90px;

margin-bottom:20px;

font-size:15px;

}

.video {

margin-top:60px;

margin-bottom:60px;

width:100%;

line-height:0;

}

.video-wrapper {

position:relative;

width:100%;

padding-top:56.25%;

overflow:hidden;

}

.video-wrapper iframe {

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

border:0;

display:block;

}

.work-list {

margin-top:90px;

}

.work-list-title {

font-size:13px;

letter-spacing:1.5px;

color:#666;

margin-bottom:50px;

}

.year-heading {

font-size:14px;

color:#666;

margin-top:55px;

margin-bottom:28px;

}

.work-item {

margin-bottom:22px;

}

.work-header {

display:flex;

justify-content:space-between;

align-items:baseline;

gap:20px;

}

.work-header a {

font-size:20px;

}

.work-date {

font-size:14px;

color:#666;

flex-shrink:0;

}

.work-type {

font-size:14px;

color:#666;

margin-top:6px;

line-height:1.5;

}

.footer {

margin-top:120px;

font-size:14px;

color:#555;

}

a {

color:#d8d8d8;

text-decoration:none;

border-bottom:1px solid #444;

transition:0.2s;

}

a:hover {

color:white;

border-color:white;

}