<!-- 


	88                      ,ad8888ba,                     88        88  
	88                     d8"'    `"8b                    88        88  
	88                    d8'                              88        88  
	88                    88                               88        88  
	88                    88                               88        88  
	88                    Y8,                              88        88  
	88                     Y8a.    .a8P                    Y8a.    .a8P  
	88                      `"Y8888Y"'                      `"Y8888Y"'   


     						   ...----....
                         ..-:"''         ''"-..
                      .-'                      '-.
                    .'              .     .       '.
                  .'   .          .    .      .    .''.
                .'  .    .       .   .   .     .   . ..:.
              .' .   . .  .       .   .   ..  .   . ....::.
             ..   .   .      .  .    .     .  ..  . ....:IA.
            .:  .   .    .    .  .  .    .. .  .. .. ....:IA.
           .: .   .   ..   .    .     . . .. . ... ....:.:VHA.
           '..  .  .. .   .       .  . .. . .. . .....:.::IHHB.
          .:. .  . .  . .   .  .  . . . ...:.:... .......:HIHMM.
         .:.... .   . ."::"'.. .   .  . .:.:.:II;,. .. ..:IHIMMA
         ':.:..  ..::IHHHHHI::. . .  ...:.::::.,,,. . ....VIMMHM
        .:::I. .AHHHHHHHHHHAI::. .:...,:IIHHHHHHMMMHHL:. . VMMMM
       .:.:V.:IVHHHHHHHMHMHHH::..:" .:HIHHHHHHHHHHHHHMHHA. .VMMM.
       :..V.:IVHHHHHMMHHHHHHHB... . .:VPHHMHHHMMHHHHHHHHHAI.:VMMI
       ::V..:VIHHHHHHMMMHHHHHH. .   .I":IIMHHMMHHHHHHHHHHHAPI:WMM
       ::". .:.HHHHHHHHMMHHHHHI.  . .:..I:MHMMHHHHHHHHHMHV:':H:WM
       :: . :.::IIHHHHHHMMHHHHV  .ABA.:.:IMHMHMMMHMHHHHV:'. .IHWW
       '.  ..:..:.:IHHHHHMMHV" .AVMHMA.:.'VHMMMMHHHHHV:' .  :IHWV
        :.  .:...:".:.:TPP"   .AVMMHMMA.:. "VMMHHHP.:... .. :IVAI
       .:.   '... .:"'   .   ..HMMMHMMMA::. ."VHHI:::....  .:IHW'
       ...  .  . ..:IIPPIH: ..HMMMI.MMMV:I:.  .:ILLH:.. ...:I:IM
     : .   .'"' .:.V". .. .  :HMMM:IMMMI::I. ..:HHIIPPHI::'.P:HM.
     :.  .  .  .. ..:.. .    :AMMM IMMMM..:...:IV":T::I::.".:IHIMA
     'V:.. .. . .. .  .  .   'VMMV..VMMV :....:V:.:..:....::IHHHMH
       "IHH:.II:.. .:. .  . . . " :HB"" . . ..PI:.::.:::..:IHHMMV"
        :IP""HHII:.  .  .    . . .'V:. . . ..:IH:.:.::IHIHHMMMMM"
        :V:. VIMA:I..  .     .  . .. . .  .:.I:I:..:IHHHHMMHHMMM
        :"VI:.VWMA::. .:      .   .. .:. ..:.I::.:IVHHHMMMHMMMMI
        :."VIIHHMMA:.  .   .   .:  .:.. . .:.II:I:AMMMMMMHMMMMMI
        :..VIHIHMMMI...::.,:.,:!"I:!"I!"I!"V:AI:VAMMMMMMHMMMMMM'
        ':.:HIHIMHHA:"!!"I.:AXXXVVXXXXXXXA:."HPHIMMMMHHMHMMMMMV
          V:H:I:MA:W'I :AXXXIXII:IIIISSSSSSXXA.I.VMMMHMHMMMMMM
            'I::IVA ASSSSXSSSSBBSBMBSSSSSSBBMMMBS.VVMMHIMM'"'
             I:: VPAIMSSSSSSSSSBSSSMMBSSSBBMMMMXXI:MMHIMMI
            .I::. "H:XIIXBBMMMMMMMMMMMMMMMMMBXIXXMMPHIIMM'
            :::I.  ':XSSXXIIIIXSSBMBSSXXXIIIXXSMMAMI:.IMM
            :::I:.  .VSSSSSISISISSSBII:ISSSSBMMB:MI:..:MM
            ::.I:.  ':"SSSSSSSISISSXIIXSSSSBMMB:AHI:..MMM.
            ::.I:. . ..:"BBSSSSSSSSSSSSBBBMMMB:AHHI::.HMMI
            :..::.  . ..::":BBBBBSSBBBMMMB:MMMMHHII::IHHMI
            ':.I:... ....:IHHHHHMMMMMMMMMMMMMMMHHIIIIHMMV"
              "V:. ..:...:.IHHHMMMMMMMMMMMMMMMMHHHMHHMHP'
               ':. .:::.:.::III::IHHHHMMMMMHMHMMHHHHM"
                 "::....::.:::..:..::IIIIIHHHHMMMHHMV"
                   "::.::.. .. .  ...:::IIHHMMMMHMV"
                     "V::... . .I::IHHMMV"'
                       '"VHVHHHAHHHHMMV:"'


	88888888ba   88888888888  88888888888  88888888ba   88  888b      88    ,ad8888ba,   
	88      "8b  88           88           88      "8b  88  8888b     88   d8"'    `"8b  
	88      ,8P  88           88           88      ,8P  88  88 `8b    88  d8'            
	88aaaaaa8P'  88aaaaa      88aaaaa      88aaaaaa8P'  88  88  `8b   88  88             
	88""""""'    88"""""      88"""""      88""""""'    88  88   `8b  88  88      88888  
	88           88           88           88           88  88    `8b 88  Y8,        88  
	88           88           88           88           88  88     `8888   Y8a.    .a88  
	88           88888888888  88888888888  88           88  88      `888    `"Y88888P"     			


-->
<!doctype html>
<!--[if IEMobile 7 ]> <html lang="en"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
  <title>TIM FRASCONE</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="description" content="I build brands.">
  <meta property="og:title" content="TIM FRASCONE">
  <meta property="og:description" content="I build brands.">
  <meta property="og:url" content="http://timfrascone.com">
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600" rel="stylesheet"> 
  <link rel="stylesheet" type="text/css" href="/wp-content/themes/wpbo/style.css">
</head>

<body class="animated fadeIn" oncontextmenu="return false">

<main class="main">

<div id="scrolltopnav" class="scrolltopnavi"><a href="#top"><img src="https://timfrascone.com/wp-content/uploads/tf-top.png" border="0"><br>TOP</a></div>
  
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
	$(document).on("scroll", function(){
		if
    	  ($(document).scrollTop() > 205){
		  		 $('#shrink-it').css('font-size', '1em');
				 $('#shrink-it').css('padding', '.5em');
				 $('#headline-bg').css('height', '44px');
		}
		else
		{
				 /* $('#shrink-it').css('font-size', '24px'); */
				 /* $('#shrink-it').css('padding', '30px 0'); */
		}
	});

	$(document).on("scroll", function(){
		if
        ($(document).scrollTop() > 405){
 				 $('.project-navi').fadeIn();
		}
		else
		{
        			/* $('.project-navi').fadeOut(); */
		}
	});

	$(document).on("scroll", function(){
		if
        ($(document).scrollTop() > 605){
 				 $('.scrolltopnavi').fadeIn();
		}
		else
		{
    				 $('.scrolltopnavi').fadeOut();
		}
	});

	/// Scroll back to top
	$("a[href='#top']").click(function() {
	 

 $("html, body").animate({scrollTop:$('#project-title-header').position().top}, 'slow');
 	 return false;
	});
	
	function autoType(elementClass, typingSpeed){
  var thhis = $(elementClass);
  thhis.css({
    "position": "relative",
    "display": "inline-block"
  });
  thhis.prepend('<div class="cursor" style="right: initial; left:0;"></div>');
  thhis = thhis.find(".text-js");
  var text = thhis.text().trim().split('');
  var amntOfChars = text.length;
  var newString = "";
  thhis.text("|");
  setTimeout(function(){
    thhis.css("opacity",1);
    thhis.prev().removeAttr("style");
    thhis.text("");
    for(var i = 0; i < amntOfChars; i++){
      (function(i,char){
        setTimeout(function() {        
          newString += char;
          thhis.text(newString);
        },i*typingSpeed);
      })(i+1,text[i]);
    }
  },500);
}

$(document).ready(function(){
  // Now to start autoTyping just call the autoType function with the 
  // class of outer div
  // The second paramter is the speed between each letter is typed.   
  autoType(".type-js",300);
});
	
</script>

        <h1 id="shrink-it" class="headline"><a href="/">TIM FRASCONE</a></h1>

<div id="headline-bg"></div>


<article id="post-444" class="clearfix post-444 page type-page status-publish has-post-thumbnail hentry" role="article">

<div class="grid-top container">
<div class="hero grid-cell grid-cell-md-11">
		<div class="hero-image" style="background-image: url('https://www.timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-branding.jpg')">
</div><!-- grid-top -->

<header>
<div class="grid-top container">
	<h1 class="grid-cell grid-cell-offset-md-1 grid-cell-md-11" style="text-align: right;" id="project-title-header">Ms4 Production</h1>
</div>
</header> <!-- end article header -->

<section class="post_content">
	<div id="project-nav" class="project-navi"><a href="/gilded-lily"></p>
<div id="prev-item" class="a-project-nav">
<p class="a-project-nav-prev" class="lead"><img decoding="async" src="https://timfrascone.com/wp-content/uploads/tf-prev.png" border="0"></p>
<p class="a-project-nav-text" style="float: right">PREV</p>
</div>
<p></a><a href="/gilded-lily"></a><a href="/gilded-lily"></a><a href="/gilded-lily"></a><a href="/gilded-lily"></a><a href="/eddie-eddie-by-billy-tommy"></a></p>
<p><a href="/eddie-eddie-by-billy-tommy"></a></p>
<p><a href="/eddie-eddie-by-billy-tommy"></a></p>
<p><a href="/eddie-eddie-by-billy-tommy"></a></p>
<p><a href="/eddie-eddie-by-billy-tommy"></p>
<div id="next-item" class="a-project-nav">
<p class="a-project-nav-text" style="float: left;">NEXT</p>
<p class="a-project-nav-next"><img decoding="async" src="https://timfrascone.com/wp-content/uploads/tf-next.png" border="0"></p>
</div>
<p></a><a href="/eddie-eddie-by-billy-tommy"></a><a href="/eddie-eddie-by-billy-tommy"></a><a href="/eddie-eddie-by-billy-tommy"></a><a href="/eddie-eddie-by-billy-tommy"></a></p>
</div>
<div class="description grid-cell grid-cell-md-7">
<p><em>Ms4 is a production and casting agency specializing in fashion.</em></p>
<p><b>Working with art director Nick Bloom-Scaglione, and Ms4 Production founder and director, Madeleine Kiersztan, I developed a dynamic and responsive, CMS-based platform.</b></p>
<p>&#8220;Ms4 is a full service production agency based in NYC, operating throughout the US and beyond. Specializing in both luxury and mass-market campaigns, we offer art buying, production coordination, location scouting and creative casting expertise for productions of all sizes.&#8221;</p>
<p>Visit <a href="http://www.ms4production.com" target="_blank" rel="noopener">Ms4 Production</a></p>
<p><em>Theme Development, UX/UI Design, &amp; Creative Direction</em></p>
</div>
<div class="grid-cell grid-cell-offset-md-1 grid-cell-md-11" style="text-align: center;"><img decoding="async" loading="lazy" width="240" height="268" src="https://timfrascone.com/wp-content/uploads/Ms4_Production-logo_branding.png" alt="" class="aligncenter size-full wp-image-590" style="padding-bottom: 3rem;"></div>
<div class="grid-cell grid-cell-offset-md-1 grid-cell-md-11">
<p><!-- figure>


<div id="video-box">
<video preload="metadata" loop autoplay poster="https://timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-Intro.jpg" class="video">
<source src="https://timfrascone.com/wp-content/uploads/ms4-icons-loop.mp4" type="video/mp4"/>
       Your browser does not support the <code>video</code> element. 
</video></div>


</figure -->
<figure>
<div id="video-box">
<video preload="metadata" loop="" autoplay="" poster="https://timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-Homepage.jpg" class="video"><source src="https://timfrascone.com/wp-content/uploads/ms4-homepage.mp4" type="video/mp4">Your browser does not support the <code>video</code> element.</video></div>
</figure>
<figure>
<div id="video-box">
<video preload="metadata" loop="" autoplay="" poster="https://timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-Uniqlo-Active.jpg" class="video"><source src="https://timfrascone.com/wp-content/uploads/uniqlo-active-loop.mp4" type="video/mp4">Your browser does not support the <code>video</code> element.</video></div>
</figure>
<figure>
<div id="video-box">
<video preload="metadata" loop="" autoplay="" poster="https://timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-Uniqlo-Tapestry.jpg" class="video"><source src="https://timfrascone.com/wp-content/uploads/uniqlo-tapestry-loop1.mp4" type="video/mp4">Your browser does not support the <code>video</code> element.</video></div>
</figure>
</div>
<div class="credits grid-cell grid-cell-md-7">
<h2>Info</h2>
<p>A collaboration with art director <em><a href="http://instagram.com/hotnewroommate" target="_blank" rel="noopener">Nick Bloom-Scaglione</a></em></p>
</div>
</section><!-- end article section -->

<footer>
	<p class="clearfix"></p>
</footer><!-- end article footer -->

</article><!-- end article -->


</main>

<script src="https://timfrascone.com/wp-content/themes/wpbo/index.min.js" async></script>

<!-- ?php wp_footer(); // js scripts are inserted using this function ? -->

</body>
</html>