<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="873" viewBox="0 0 393 873"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="js-masthead-text1 style1"><g data-tag="div" id="js-masthead-text1" class="js-masthead-text masthead-text" data-z-index="auto" data-stacking-context="true" aria-owns="div1 div2 masthead-buttons1 js-masthead-arrow1"><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable1"><g data-tag="h1" id="js-inline-text-editable1" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="32px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="57.4375" textLength="216.84375" lengthAdjust="spacingAndGlyphs">I&apos;m Frida Mary</tspan></text></g></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable2"><g data-tag="p" id="js-inline-text-editable2" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="96.875" textLength="374.625" lengthAdjust="spacingAndGlyphs">A production designer based in Stockholm. ​​​​​​​Scroll down to see my work!</tspan></text></g></g><g data-tag="div" id="masthead-buttons1" class="masthead-buttons" data-z-index="auto" data-stacking-context="true"/><g data-tag="div" id="js-masthead-arrow1" class="js-masthead-arrow masthead-arrow-container" data-z-index="auto" data-stacking-context="true" aria-owns="masthead-arrow1"><g data-tag="div" id="masthead-arrow1" class="masthead-arrow" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="174.42892456054688" x2="216.8553466796875" y1="822.1421508789062" y2="822.1421508789062"/><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="216.8553466796875" x2="216.8553466796875" y1="779.7156982421875" y2="822.1421508789062"/></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1231" viewBox="0 0 834 1231"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="js-masthead-text1 style1"><g data-tag="div" id="js-masthead-text1" class="js-masthead-text masthead-text" data-z-index="auto" data-stacking-context="true" aria-owns="div1 div2 masthead-buttons1 js-masthead-arrow1"><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable1"><g data-tag="h1" id="js-inline-text-editable1" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="32px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="57.4375" textLength="216.84375" lengthAdjust="spacingAndGlyphs">I&apos;m Frida Mary</tspan></text></g></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable2"><g data-tag="p" id="js-inline-text-editable2" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="96.875" textLength="465.71875" lengthAdjust="spacingAndGlyphs">A production designer based in Stockholm. ​​​​​​​Scroll down to see my work!</tspan></text></g></g><g data-tag="div" id="masthead-buttons1" class="masthead-buttons" data-z-index="auto" data-stacking-context="true"/><g data-tag="div" id="js-masthead-arrow1" class="js-masthead-arrow masthead-arrow-container" data-z-index="auto" data-stacking-context="true" aria-owns="masthead-arrow1"><g data-tag="div" id="masthead-arrow1" class="masthead-arrow" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="394.9289245605469" x2="437.3553466796875" y1="1180.14208984375" y2="1180.14208984375"/><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="437.3553466796875" x2="437.3553466796875" y1="1137.7156982421875" y2="1180.14208984375"/></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="921" viewBox="0 0 1440 921"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="js-masthead-text1 style1"><g data-tag="div" id="js-masthead-text1" class="js-masthead-text masthead-text" data-z-index="auto" data-stacking-context="true" aria-owns="div1 div2 masthead-buttons1 js-masthead-arrow1"><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable1"><g data-tag="h1" id="js-inline-text-editable1" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="32px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="57.4375" textLength="216.84375" lengthAdjust="spacingAndGlyphs">I&apos;m Frida Mary</tspan></text></g></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="js-inline-text-editable2"><g data-tag="p" id="js-inline-text-editable2" class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Times New Roman&quot;" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="96.875" textLength="465.71875" lengthAdjust="spacingAndGlyphs">A production designer based in Stockholm. ​​​​​​​Scroll down to see my work!</tspan></text></g></g><g data-tag="div" id="masthead-buttons1" class="masthead-buttons" data-z-index="auto" data-stacking-context="true"/><g data-tag="div" id="js-masthead-arrow1" class="js-masthead-arrow masthead-arrow-container" data-z-index="auto" data-stacking-context="true" aria-owns="masthead-arrow1"><g data-tag="div" id="masthead-arrow1" class="masthead-arrow" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="697.928955078125" x2="740.3553466796875" y1="870.1421508789062" y2="870.1421508789062"/><line stroke-linecap="square" stroke="rgb(40, 40, 40)" stroke-width="1px" x1="740.3553466796875" x2="740.3553466796875" y1="827.7156982421875" y2="870.1421508789062"/></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="js-masthead-text masthead-text"><div data-context="page.masthead" data-hover-hint="mastheadTitle"><h1 class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" contenteditable="false" data-text-keypath="customizations.masthead.title.text" decorator="inlineTextEditable" value="I'm Frida Mary">I'm Frida Mary</h1></div><div data-context="page.masthead" data-hover-hint="mastheadText"><p class="js-inline-text-editable main-text module-text preserve-whitespace rich-text" contenteditable="false" data-text-keypath="page.masthead.text.text" decorator="inlineTextEditable" value="A production designer based in Stockholm.&nbsp;​​​​​​​Scroll down to see my work!">A production designer based in Stockholm.&nbsp;​​​​​​​Scroll down to see my work!</p></div><div class="masthead-buttons"></div><div class="js-masthead-arrow masthead-arrow-container" data-context="page.masthead" data-hover-hint="scrollDownArrow"><div class="masthead-arrow"></div></div></div></body>

<style>

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }


body {
  margin: 0; }


h1 {
  font-size: 2em;
  margin: 0.67em 0; }

* {
  box-sizing: border-box; }

p {
  margin: 0; }


body {
  min-height: 100%; }

.preserve-whitespace {
  white-space: pre-wrap; }

.masthead {
  overflow: hidden;
  position: relative; }
  .masthead:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .masthead h1,
  .masthead p {
    width: 100%;
    word-wrap: break-word; }

.masthead {
  width: 100%; }


.masthead-text {
  width: 100%; }

.masthead {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.masthead-arrow-container {
  cursor: pointer;
  height: 40px;
  width: 60px; }

.masthead-arrow {
  -webkit-transform: rotate(45deg) translateY(-15px) translateX(5px);
  -moz-transform: rotate(45deg) translateY(-15px) translateX(5px);
  -ms-transform: rotate(45deg) translateY(-15px) translateX(5px);
  -o-transform: rotate(45deg) translateY(-15px) translateX(5px);
  transform: rotate(45deg) translateY(-15px) translateX(5px);
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  bottom: 5px;
  height: 30px;
  position: absolute;
  width: 30px; }

.masthead {
  background-color: #fff;
  
  background-image: url("http://localhost:3000/105863a2.png");
  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 85vh;
  margin-bottom: 0px;
  padding-left: 0%;
  padding-right: 0%; }
  .masthead:after {
    background-color: #fff;
    display: block;
    opacity: 0.8; }
  .masthead h1 {
    color: #282828;
    font-family: times;
    font-size: 70px;
    font-style: normal;
    font-weight: bold;
    line-height: 70px;
    margin-bottom: 40px;
    margin-top: 0px;
    text-align: center;
    text-transform: none; }
  .masthead p {
    color: #999;
    font-family: ftnk;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    text-transform: none; }

.masthead {
  position: fixed; }

.masthead-arrow-container {
  bottom: 45px;
  position: absolute;
  left: calc(50% - 30px); }

.masthead-arrow {
  border-bottom-color: #282828;
  border-right-color: #282828; }

.masthead-buttons {
  padding-top: 30px;
  text-align: center; }

@media (max-width: 768px) {
  .masthead {
    margin-bottom: 0px;
    padding-left: 5%;
    padding-right: 5%; }
    .masthead h1 {
      font-size: 30px;
      line-height: 30px;
      margin-bottom: 20px;
      margin-top: 0px; }
    .masthead p {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 0px;
      margin-top: 0px; }
  .masthead-buttons {
    padding-top: 18px; } }

@media (min-width: 541px) and (max-width: 768px) and (min-height: 921.6px) {
  .masthead {
    height: 80vh; } }

@media (max-width: 540px) and (min-height: 648px) {
  .masthead {
    height: 80vh; } }

@media (max-width: 540px) {
  .masthead {
    margin-bottom: 0px; }
    .masthead h1 {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: 18px;
      margin-top: 0px; }
    .masthead p {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0px;
      margin-top: 0px; }
  .masthead-buttons {
    padding-top: 16px; } }


</style>