<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <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">
    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;
}
.flip-card {
  background-color: transparent;
  width: 188px;
  height: 320px;
  perspective: 1000px;left:20px;bottom:10px;position:fixed;z-index:9999999;

}

.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);
  }
}

@-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;
}
#record {position:fixed;width:100%;top:0px;text-align: center;padding-top:23px;display:none;}
    @media (max-width:1077px){
        .flip-card {
            left:30px;height:230px;width:135px;
        }
#mtg-card { height:230px!important;width:135px!important;}
#mtg-card-back { height:230px!important;width:135px!important;}

}
    @media (max-width:977px){
        .flip-card {
            bottom:60px;left:30px;height:230px;width:135px;
        }
#mtg-card { height:230px!important;width:135px!important;}
#mtg-card-back { height:230px!important;width:135px!important;}
    }
  </style>
</head>
<body style="margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;">
<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="width:100%;height:100vh;margin:0px;padding:0px;top:0px;">
<div id="rymurr"style="text-align:center;"><br><br><p style="font-size:26px;"><img src="rymurr-repetition.png" style="width:100%;max-width:363px;"><br><img src="rymurr1.jpg" style="max-width:700px;width:100%; height:auto;"></p>
<br><div style="text-align:center;font-size:16px;"><iframe width="560" height="315" src="https://www.youtube.com/embed/OfMLj0McaPw?si=tVHcirhPtL-uyTyR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><br><br>
Rymurr - Repetition<br>Release: 9 November 2024<br>
<br>
<a href="https://music.apple.com/ca/album/repetition-single/1776815641"target="_blank">iTunes</a><br><br>
<a href="https://distrokid.com/hyperfollow/rymurr/repetition"target="_blank">Spotify</a><br><br><br><br><br><br><br><br>
</div><div id="sc" style="height:100%;display:none;">
<iframe width="100%" height="90%" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1872989066&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"style="margin: 0;padding: 0;"><div style="margin: 0;padding: 0;"font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/chariot-sound" title="Chariot Sound" target="_blank" style="color: #cccccc; text-decoration: none;">Chariot Sound</a> · <a href="https://soundcloud.com/chariot-sound/sets/chariot-sound" title="Chariot Sound" target="_blank" style="color: #cccccc; text-decoration: none;">Chariot Sound</a></div></iframe></div>

</div>
<div style="z-index:10000;position:fixed;bottom:0px;width:100%;height:100px;margin:0px;background: linear-gradient(180deg, rgba(0,0,0,0.0), rgba(251,235,83,0.8));text-align:center;vertical-align:bottom;font-family: Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px #ffffff;display: flex;
  justify-content: center;"><div style="position:fixed;bottom:10px;text-align:center;margin: 0 auto;">
<table style="padding-left:20px;padding-right:20px;"><tr><td><a style="cursor:pointer;" onmousedown="recording()">Sound Recording</a></td><td width="23px"></td><td>
<a href="mailto:crew@chariotsound.com">crew@chariotsound.com</a></div></td>
<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>
</tr></table>
</div></div>

<div id="record" width="100%" style="text-align: center;position:absolute;z-index:0;height:auto;top:0px;"><div class="pussy"><img src="recording.png"style="width:100%;max-width:180px;"></div><div style="width:70%;padding-left:23px;padding-right:23px;padding-top:23px;margin:auto;">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>

<div class="flip-card" onmousedown="home()">
  <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>

</body>
</html>