<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&family=Kings&family=Mrs+Saint+Delafield&family=Young+Serif&display=swap" rel="stylesheet">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-16">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title>Chariot Sound 𓃭</title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="2113.6">
  <style type="text/css">
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
a {
  color: #000000;text-decoration:none;
}
a:hover {
  color: #fbeb53;text-decoration:none;
}
.chariotsound {  font-family: "Kings", cursive;
  font-weight: 400;
  font-style: normal;

text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000,
    0px 2px 0 #000,
    0px -2px 0 #000,
    -2px 0px 0 #000,
    2px 0px 0 #000,
    1px 2px 0 #000,
    -1px 2px 0 #000,
    1px -2px 0 #000,
    -1px -2px 0 #000,
    2px 1px 0 #000,
    -2px 1px 0 #000,
    2px -1px 0 #000,
    -2px -1px 0 #000;

}
.mrs-saint-delafield-regular {
  font-family: "Mrs Saint Delafield", cursive;
  font-weight: 400;
  font-style: normal;
}
.herr-von-muellerhoff-regular {
  font-family: "Herr Von Muellerhoff", cursive;
  font-weight: 400;
  font-style: normal;
}
a.beauty { font-size: 38px; color: #000; text-shadow: 2px 3px 3px #fff;  font-family: "Herr Von Muellerhoff","Mrs Saint Delafield", cursive;
  font-weight: 400;
  font-style: normal;line-height:80%;}
.love { font-size: 51px; font-color:#000; font-family: "Herr Von Muellerhoff","Mrs Saint Delafield", cursive;
  font-weight: 400;
  font-style: normal;line-height:80%;}
a.beauty:hover {color:#fff;text-shadow:2px 2px 5px #d8d9d6;}
.flip-card {
  background-color: transparent;
  width: 188px;
  height: 320px;
  perspective: 1000px;left:20px;bottom:10px;position:fixed;z-index:9999999;}
a.media { color:#fff; font-family:helvetica, courier, courier new;}
a.media:hover {
  color: #fbeb53;text-decoration:none;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
border: 1px solid black;
border-radius:16px;cursor:pointer;
}

.flip-card .flip-card-inner {
 animation: coin-rotate 22s both infinite;
}

@keyframes coin-rotate {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.proud {font-size: 41px; color: #89CFF0; 

text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000,
    0px 2px 0 #000,
    0px -2px 0 #000,
    -2px 0px 0 #000,
    2px 0px 0 #000,
    1px 2px 0 #000,
    -1px 2px 0 #000,
    1px -2px 0 #000,
    -1px -2px 0 #000,
    2px 1px 0 #000,
    -2px 1px 0 #000,
    2px -1px 0 #000,
    -2px -1px 0 #000;  font-family: "Herr Von Muellerhoff","Mrs Saint Delafield", cursive;
  font-weight: 400;
  font-style: normal;line-height:80%;padding-bottom:15px;}
@-webkit-keyframes spin {
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
background-color: transparent;
  color: black; border-radius:3px;
}

.flip-card-back {
background-color: transparent;
  color: white;
  transform: rotateY(180deg); border-radius:3px;
}file:///Users/jp/Desktop/Chariot%20Sound%20Website/tiled.png
#record {position:fixed;width:100%;top:0px;text-align: center;padding-top:23px;display:none;}
    @media (max-width:1377px){
        .flip-card {
            left:30px;height:230px;width:135px;
        }
#header {top:-100px;}
#mtg-card { height:230px!important;width:135px!important;}
#mtg-card-back { height:230px!important;width:135px!important;}

b {font-size:18px;font-weight:100;}

}
    @media (max-width:1077px){
        .flip-card {
            bottom:70px;left:30px;height:230px;width:135px;
        }
#mtg-card { height:230px!important;width:135px!important;}
#mtg-card-back { height:230px!important;width:135px!important;}
    }
body {font-size:16px;}
  </style>
</head>
<body style="margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0px;"onload="">

<div id="record" style="padding-top:130px;text-align: center;position:absolute;z-index:0;height:auto;top:0px;width:100%;display:none;"><font class="love">Production</font><br><br>Chariot Sound is recording and producing live music in collaboration with Bully's Studio, in New Westminster, BC, Canada.<br><br><br><b>Packages</b><br>
<br>

<div style="margin: auto;width:360px;text-align:left;"><b>The Single</b><br><br>• One Hit (Wonder)<br>
• 2 Hours Tracking Session<br>
• 4 Hours Post Production<br>
<i>$350</i><br></div>
<br>
<div style="margin: auto;width:360px;text-align:left;"><b>The Demo</b><br><br>
• 2 Tracks or 10 Minutes<br>
• 4 Hours Tracking<br>
• 6 Hours Post Production<br>
<i>$550</i><br></div>
<br>
<div style="margin: auto;width:360px;text-align:left;"><b>The EP</b><br><br>
• 4 Tracks or 30 Minutes<br>
• 2 Hours Pre-Production<br>
• 8 Hours Tracking<br>
• 16 Hours Post Production<br>
<i>$1400</i><br></div>
<br>
<div style="margin: auto;width:360px;text-align:left;"><b>The Deluxe</b><br><br>
<i>Additional Services</i><br>
• Pre-Production<br>
• Sound Design<br>
• Composition<br>
• Arrangement<br>
• Studio Musicians<br>
• Multi-Track<br>
• Overdubs<br>
• Voice-Over<br></div>
<br>
<a href="https://www.instagram.com/bullysstudios/"target="_blank">@bullysstudios</a><br>
<a href="https://www.instagram.com/chariotsoundproduction/"target="_blank">@chariotsoundproduction</a>
<br><br>
<a href="mailto:crew@chariotsound.com">crew@chariotsound.com</a><br><br>
<a href="https://www.bullysstudios.ca" target="_blank">www.bullysstudios.ca</a><br>
<a href="https://www.chariotsound.com" target="_blank">www.chariotsound.com</a><br><br>𓃭<br><br><br><!--<img src="Recordingposter.png"style="width:90%;position:relative;z-index:0;">--><br><br><br><br><br></div>

<div id="footer" style="width:100%;text-align:center;">

<table style=";text-align:center;align:center;">
<td width="23px"></td>
<td><a href="https://soundcloud.com/chariot-sound"target="_blank"><img src="sc.png"></a></td>
<td width="23px"></td>
<td><a href="https://www.instagram.com/chariotsoundproduction/"target="_blank"><img src="Instagram_Glyph_Black.jpg"width="26px"height="auto"></a></td>
</table>

</div>


<script>
function recording() 
{ 
    document.getElementById("sc").style.display="none";
document.getElementById("record").style.display="inline";
document.getElementById("rymurr").style.display="none";

}
</script>
<script>
function home() 
{ 
    document.getElementById("sc").style.display="none";
document.getElementById("record").style.display="none";
document.getElementById("rymurr").style.display="inline";
}
</script>
<div style="position:absolute;z-index:100;top:10px;font-size:66px;width:100%;color:rgb(251, 235, 83, 1);text-align:center;"class="chariotsound">Chariot Sound</div>
<div style="width:100%;height:100vh;margin:0px;padding:0px;top:0px;">
<div id="header" style="width:100%;height:113px;top:0px;position:absolute;overflow:hidden;padding-bottom:0px;"><div id="tile" style="transform: perspective(910px) rotateX(88deg);padding:0; margin:0;overflow:show;height:420px;background-image:url('');align:center;width:1200px;z-index:0;text-align:center;top:-210px;position:absolute;"><img src="tiled.png" style="border-radius: 6px;animation: rotation 420s infinite linear;width:100%;max-width:910px;height:auto;border:0px;margin-top:0px;"></div></div>
<div style="position:fixed;z-index:-1;width:100%;<!--background:linear-gradient(rgba(255,255,255,0) 0,#a559cc)-->;height:50vh;top:0px;"></div><br>

<div id="rymurr"style="text-align:center;"><br><br><br><p><!--<img src="rymurr-repetition.png" style="width:100%;max-width:363px;">--><br><br><div style="max-width:600px;width:100%;margin:auto;">Chariot Sound is a music production company based in Vancouver, BC.<br>We have a state of the art recording studio in the heart of Vancouver.<br>We make good music sound the best.</div><br><br>

<img src="Black_1 copy.jpeg"style="width:90%;max-width:850px;padding:5%;"><br><br>
Chariot Sound Rock Party<br>
24 April 2026<br>
Doors 7:30 PM<br>
1641 Venables (The Front Supply)<br>
NOBODY<br>
LAZY DYNAMITE<br>
EAMON DALY<br>
EMMETT HARRISON<br>
<br><br><br><br><br><br>

<div style="vertical-align: bottom;z-index:10000;position:fixed;bottom:0px;width:100%;background: linear-gradient(180deg, rgba(0,0,0,0), rgba(251,235,83,0.8));height:100px;margin:0px;text-align:center;vertical-align:bottom;font-family: Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px #ffffff;display: flex;
  justify-content: center;">
<div cellspacing="0" and cellpadding="0" style="height:50px;position:fixed;bottom:0px;width:100%;">

<div style="width:100%;position:fixed;left:0px;bottom:0px;text-align:center;margin: 0 auto;">
<table style="padding-left:20px;padding-right:20px;padding-bottom:10px;width:100%;"><tr><td width="6%"></td><td width="22%;"style="text-align:center;"><a href="index.html" class="beauty">Home</a></td>

<td width="22%;"style="text-align:center;"><a style="cursor:pointer;" href="services.html" class="beauty">Services</a></td>

<td width="22%;"style="text-align:center;"><a href="bios.html"class="beauty">Bios</td><td width="22%;"style="text-align:center;"><a href="releases.html"class="beauty">Releases</a></td><td width="6%"></td>

</tr></table>
</div></div>

</div>


</div>

<a href="index.html"><div class="flip-card">
  <div class="flip-card-inner">
    <div class="flip-card-front">
      <img src="0.jpg" alt="Avatar" style="  width: 188px;
  height: 320px;border-radius:16px;" id="mtg-card">
    </div>
    <div class="flip-card-back"><img src="0.jpg" alt="Avatar" style="  width: 188px;
  height: 320px;border-radius:16px;" id="mtg-card-back">
    </div>
  </div>
</div>
</div></a>
</body>
</html>