{"version":3,"sources":["webpack:///./src/images/9-cta-arrow-brand-color-1-shade.svg","webpack:///./src/images/9-cta-arrow-brand-color-1-tint.svg","webpack:///./src/components/snippets/DecorationLeftLarge.js","webpack:///./src/components/HeroDivideRight.js","webpack:///./src/images/9-cta-arrow-white.svg","webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./src/components/publishers/StackAgencyLanding.js","webpack:///./src/components/sections/PublishersStackAgencyStatic.js","webpack:///./src/components/ArrowButton.js","webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/HeroOutlineTitle.js","webpack:///./src/components/styles/TextHighlight.js","webpack:///./src/pages/publishers/stackagency.js"],"names":["module","exports","DecorationLeftLarge","width","height","viewBox","fill","d","stroke","className","Wrapper","styled","div","props","theme","background","white","mediaMedium","ContainerBox","Container","Box","Row","span","RowButton","Decoration","Title","Eyebrows16","AnimatedWrapper","HeroDivideRight","contentTag","links","title","children","staticLines","LinesFromRight","color","lines","brandColor2","AnimatedLineSvg","static","triggerOffset","svgWidth","as","map","link","key","label","ArrowButton","attrs","args","large","TitleWrapper","titleWidth","MainHeroTitle","cleanTitle","Headline80","Outline","textBlack1","size","OutlinedText","component","inline","Element","styles","display","style","ContainerRelative","mediaDesktop","Column","DisplayWrapper","Display","Image","Bottom","gray4","Space","SubTitle","Eyebrows20","Trigger","StackAgencyLanding","PureComponent","constructor","super","this","state","controllerSM","sceneSM","id","uniqueId","ScrollMagic","TweenLite","defaultOverwrite","ScrollMagicPluginGsap","TimelineMax","initAnimation","componentWillUnmount","destroy","TopToVars","translateY","ease","Linear","easeIn","tweenSM","to","Controller","Scene","triggerElement","duration","offset","setTween","addTo","setState","render","href","fluid","image","childImageSharp","PublishersStackAgencyStatic","images","useStaticQuery","file","paddingBottom","marginTop","subtitle","TextHighlight","VARIANTS","shade","brandColor1Shade","icon","iconArrowBrandColor1Shade","hoverColor","brandColor1","tint","brandColor1Tint","iconArrowBrandColor1Tint","iconArrowWhite","gray2","Arrow","Animation","keyframes","Button","Link","variant","opts","omit","alt","src","Line1","skew","linesSkew","Line2","Line3","Background","padding","paddingTopMobile","marginBottom","paddingTop","TitleOutline","undefined","Headline64","Text","strong","black1","brandColor3","AsyncSection","loadable","StackAgency","description"],"mappings":"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","file":"component---src-pages-publishers-stackagency-js-ca25e917d8819b4ec913.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjYjIzNjFhIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmY3MDUyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\n\nconst DecorationLeftLarge = () => {\n return (\n \n \n \n \n \n );\n};\n\nexport default DecorationLeftLarge;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Eyebrows16 } from \"./styles/Eyebrows\";\nimport { Body28 } from \"./styles/BodyTypes\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport { brandColor2, white } from \"./styles/Colors\";\nimport ArrowButton from \"./ArrowButton\";\nimport LinesFromRight from \"./LinesFromRight\";\nimport AnimatedLineSvg from \"./AnimatedLineSvg\";\nimport DecorationLeftLarge from \"./snippets/DecorationLeftLarge\";\n\nconst Wrapper = styled.div`\n padding: 24px 0 58px;\n position: relative;\n overflow: hidden;\n background: ${(props) => props.theme.background ?? white};\n\n @media (${mediaMedium}) {\n padding: 120px 0 116px;\n }\n`;\n\nconst ContainerBox = styled(Container)`\n position: relative;\n\n @media (${mediaMedium}) {\n display: flex;\n justify-content: flex-end;\n }\n`;\n\nconst Box = styled.div`\n max-width: ${(props) => props.width ?? \"528px\"};\n\n > div {\n p {\n margin-bottom: 0;\n }\n }\n`;\n\nconst Row = styled.span`\n display: block;\n margin-top: 24px;\n\n @media (${mediaMedium}) {\n margin-top: 67px;\n }\n`;\n\nconst RowButton = styled.span`\n display: block;\n\n &:not(:last-child) {\n margin-bottom: 18px;\n }\n\n @media (${mediaMedium}) {\n &:not(:last-child) {\n margin-bottom: 23px;\n }\n }\n`;\n\nconst Decoration = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n top: 50px;\n left: -16%;\n pointer-events: none;\n`;\n\nconst Title = styled(Eyebrows16)`\n margin-bottom: 38px;\n`;\n\nconst AnimatedWrapper = styled.div`\n position: absolute;\n width: 2656px;\n height: 100%;\n top: -52px;\n pointer-events: none;\n\n @media (max-width: 1079px) {\n right: -80%;\n }\n\n @media (max-width: 980px) {\n right: -90%;\n }\n\n @media (max-width: 890px) {\n right: -115%;\n }\n\n @media (min-width: 1080px) {\n left: -60%;\n right: initial;\n }\n`;\n\nconst HeroDivideRight = ({\n contentTag,\n links,\n theme,\n title,\n children,\n staticLines\n}) => {\n return (\n \n {theme && theme.background && (\n \n \n \n )}\n\n \n {(!theme || (theme && !theme.background)) && (\n \n \n \n \n \n )}\n \n {title && {title}}\n \n {children}\n {links && (\n \n {links.map((link) => {\n return (\n \n \n {link.label}\n \n \n );\n })}\n \n )}\n \n \n \n \n );\n};\n\nexport default HeroDivideRight;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\nimport { Headline80 } from \"./styles/Headings\";\nimport PrimaryButton from \"./PrimaryButton\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n position: relative;\n z-index: 4;\n`;\n\nconst TitleWrapper = styled.div`\n max-width: ${(props) => props.theme.titleWidth ?? \"570px\"};\n margin-bottom: 22px;\n text-transform: uppercase;\n\n @media (${mediaMedium}) {\n margin-bottom: 40px;\n }\n`;\n\nconst MainHeroTitle = ({ children, label, link, cleanTitle, theme, as }) => {\n const Title = cleanTitle ? \"div\" : Headline80;\n return (\n \n \n {children}\n \n\n {label && {label}}\n \n );\n};\n\nexport default MainHeroTitle;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { textBlack1, white } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Outline = styled.span`\n color: ${(props) => props.color ?? textBlack1};\n -webkit-text-fill-color: ${(props) => props.fill ?? white};\n -webkit-text-stroke-width: ${(props) => props.size ?? \"1px\"};\n -webkit-text-stroke-color: ${(props) =>\n props.stroke ?? props.color ?? textBlack1};\n\n @media (${mediaMedium}) {\n -webkit-text-stroke-width: ${(props) => props.size ?? \"2px\"};\n }\n`;\n\nconst OutlinedText = ({\n color,\n fill,\n stroke,\n size,\n as,\n component,\n children,\n inline\n}) => {\n const Element = component ?? \"\";\n const styles = inline ? { display: \"inline\" } : {};\n\n return (\n \n \n {children}\n \n \n );\n};\n\nexport default OutlinedText;\n","import React, {PureComponent} from \"react\";\nimport MainHeroTitle from \"../MainHeroTitle\";\nimport {gray4, white} from \"../styles/Colors\";\nimport Container from \"../styles/Container\";\nimport styled from \"styled-components\";\nimport {mediaDesktop, mediaMedium} from \"../styles/variables\";\nimport Image from \"../Image\";\nimport {Eyebrows20} from \"../styles/Eyebrows\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport {Headline80} from \"../styles/Headings\";\nimport uniqueId from \"lodash/uniqueId\";\nimport {Linear, TimelineMax, TweenLite} from \"gsap/dist/gsap\";\nimport {ScrollMagicPluginGsap} from \"scrollmagic-plugin-gsap\";\n\nconst ContainerRelative = styled(Container)`\n position: relative;\n padding-top: 43px;\n\n @media (${mediaMedium}) {\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 98px;\n padding-bottom: 240px;\n }\n\n @media (${mediaDesktop}) {\n padding-top: 38px;\n }\n`;\n\nconst Wrapper = styled.div`\n position: relative;\n z-index: 1;\n max-width: 100vw;\n background-color: ${white};\n overflow: hidden;\n padding-bottom: 0;\n\n @media (${mediaMedium}) {\n padding-bottom: 0;\n }\n`;\n\nconst Column = styled.div`\n position: relative;\n z-index: 2;\n`;\n\nconst DisplayWrapper = styled.div`\n margin-top: 64px;\n width: 100%;\n\n @media (${mediaMedium}) {\n margin-top: 0;\n position: absolute;\n right: -30%;\n top: -13%;\n width: 500px;\n transform: none;\n }\n\n @media (${mediaDesktop}) {\n right: -30%;\n }\n\n @media (min-width: 980px) {\n width: 700px;\n }\n`;\n\nconst Display = styled(Image)`\n margin: 0 auto;\n\n @media (${mediaMedium}) {\n margin: 0;\n transform: none;\n max-width: none !important;\n max-height: none !important;\n }\n`;\n\nconst Bottom = styled.div`\n background-color: ${gray4};\n margin-top: -20%;\n position: relative;\n z-index: 1;\n\n @media (min-width: 720px) {\n margin-top: 0;\n }\n\n @media (${mediaMedium}) {\n position: static;\n z-index: initial;\n margin: 0;\n }\n`;\n\nconst Space = styled.div`\n padding-top: 0;\n padding-bottom: 93px;\n\n @media (${mediaMedium}) {\n display: block;\n width: 100%;\n padding-top: 104px;\n }\n`;\n\nconst SubTitle = styled(Eyebrows20)`\n margin: 0 0 28px;\n`;\n\nconst Trigger = styled.div`\n position: absolute;\n bottom: 10%;\n\n @media (${mediaMedium}) {\n bottom: 0;\n }\n`;\n\nclass StackAgencyLanding extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n controllerSM: null, sceneSM: null, id: uniqueId(\"lading-\")\n };\n }\n\n async componentDidMount() {\n this.ScrollMagic = await import(\"scrollmagic\");\n TweenLite.defaultOverwrite = \"none\";\n\n ScrollMagicPluginGsap(this.ScrollMagic, TweenLite, TimelineMax);\n\n this.initAnimation();\n }\n\n componentWillUnmount() {\n const {controllerSM, sceneSM} = this.state;\n\n if (controllerSM) controllerSM.destroy(true);\n if (sceneSM) sceneSM.destroy(true);\n }\n\n initAnimation() {\n const TopToVars = {\n translateY: \"-40%\", ease: Linear.easeIn\n };\n\n const tweenSM = TweenLite.to(`#${this.state.id}-display`, 1, TopToVars);\n\n // init controller\n const controllerSM = new this.ScrollMagic.Controller();\n\n // build scene\n const sceneSM = new this.ScrollMagic.Scene({\n triggerElement: `#${this.state.id}-trigger-top`, duration: 500, offset: -200\n })\n .setTween(tweenSM)\n .addTo(controllerSM);\n\n this.setState({controllerSM, sceneSM});\n }\n\n render() {\n return (<>\n \n \n \n\n
\n STACKAGENCY FOR PUBLISHERS\n \n CONNECTING BRANDS WITH{\" \"}\n \n READERS THROUGH CONTENT MARKETING\n \n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nexport default StackAgencyLanding;\n","import React from \"react\";\nimport {graphql, useStaticQuery} from \"gatsby\";\nimport {brandColor2, gray4} from \"../styles/Colors\";\nimport HeroTitleOutline from \"../HeroOutlineTitle\";\nimport HeroDivideRight from \"../HeroDivideRight\";\nimport StackAgencyLanding from \"../publishers/StackAgencyLanding\";\nimport TextHighlight from \"../styles/TextHighlight\";\n\nconst PublishersStackAgencyStatic = () => {\n const images = useStaticQuery(graphql`\n query {\n landingDesktop: file(relativePath: { eq: \"27-stackads-desktop.png\" }) {\n childImageSharp {\n fluid(quality: 100) {\n ...GatsbyImageSharpFluid_withWebp_noBase64\n ...GatsbyImageSharpFluidLimitPresentationSize\n }\n }\n }\n landingMedia: file(relativePath: { eq: \"27-stackads-mobile.png\" }) {\n childImageSharp {\n fluid(maxWidth: 911, maxHeight: 1012, quality: 100) {\n ...GatsbyImageSharpFluid_withWebp_noBase64\n ...GatsbyImageSharpFluidLimitPresentationSize\n }\n }\n }\n file(relativePath: { eq: \"stackagency/Iphone_12_RS_content.png\" }) {\n childImageSharp {\n fluid(quality: 80) {\n ...GatsbyImageSharpFluid_withWebp_noBase64\n ...GatsbyImageSharpFluidLimitPresentationSize\n }\n }\n }\n }\n `);\n\n return (\n <>\n \n\n \n\n \n

\n We connect you with top brands that have pre-approved content and performance marketing budgets—spend that\n would otherwise be inaccessible. Brands come to us looking for content opportunities.\n

\n

\n \n StackAgency’s experts\n {\" \"}\n become an extension of your business development team, providing complete project\n management support from concept to completion, including monthly strategy planning sessions. You’ll be able to\n scale incremental revenue while maintaining a seamless reader experience with your team writing the content.\n

\n \n \n );\n};\n\nexport default PublishersStackAgencyStatic;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport Image from \"./Image\";\n\nimport omit from \"lodash/omit\";\nimport { Link } from \"gatsby\";\nimport {\n brandColor1,\n brandColor1Shade,\n brandColor1Tint,\n gray2,\n white\n} from \"./styles/Colors\";\n\nimport iconArrowBrandColor1Shade from \"../images/9-cta-arrow-brand-color-1-shade.svg\";\nimport iconArrowBrandColor1Tint from \"../images/9-cta-arrow-brand-color-1-tint.svg\";\nimport iconArrowWhite from \"../images/9-cta-arrow-white.svg\";\n\nconst VARIANTS = {\n shade: {\n color: brandColor1Shade,\n icon: iconArrowBrandColor1Shade,\n hoverColor: brandColor1\n },\n tint: {\n color: brandColor1Tint,\n icon: iconArrowBrandColor1Tint,\n hoverColor: brandColor1\n },\n white: {\n color: white,\n icon: iconArrowWhite,\n hoverColor: gray2\n }\n};\n\nconst Arrow = styled(Image)`\n margin-left: 19px;\n transition: 0.3s transform;\n`;\n\nconst Animation = keyframes`\n to {transform: scale(1) translateX(0%)}\n 50% {transform: scale(1.2) translateX(10%)}\n from {transform: scale(1) translateX(0%)}\n`;\n\nconst Button = styled(Link)`\n display: inline-flex;\n align-items: center;\n color: ${(props) => VARIANTS[props.variant].color};\n transition: 0.3s color;\n cursor: pointer;\n text-decoration: none;\n\n &:hover {\n color: ${(props) => VARIANTS[props.variant].hoverColor};\n\n ${Arrow} {\n animation: ${Animation} 1s linear infinite;\n }\n }\n`;\n\nconst ArrowButton = ({ attrs, large, children, variant = \"shade\" }) => {\n const opts = omit(attrs, [\"as\"]);\n opts.as = (attrs && attrs.as) || (attrs && attrs.to) ? attrs.as : \"span\";\n return (\n \n );\n};\n\nexport default ArrowButton;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n position: relative;\n width: 100%;\n padding-top: 100%;\n pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n @media (${mediaMedium}) {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 35%;\n transform: skewX(${(props) => props.skew ?? linesSkew});\n border-top: 1px solid;\n border-left: 1px solid;\n border-color: ${(props) => props.color ?? brandColor2};\n }\n`;\n\nconst Line2 = styled(Line1)`\n @media (${mediaMedium}) {\n top: 18px;\n left: calc(35% - 32px);\n }\n`;\n\nconst Line3 = styled(Line1)`\n @media (${mediaMedium}) {\n top: 36px;\n left: calc(35% - 64px);\n }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n return (\n \n \n \n \n \n );\n};\n\nexport default LinesFromRight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Headline64 } from \"./styles/Headings\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport OutlinedText from \"./styles/OutlinedText\";\nimport { white } from \"./styles/Colors\";\n\nconst Background = styled.div`\n background: ${(props) => props.theme.background ?? white};\n padding: ${(props) => props.theme.padding ?? 0};\n`;\n\nconst Wrapper = styled(Container)`\n padding-top: ${(props) => props.theme.paddingTopMobile ?? \"0px\"};\n\n @media (${mediaMedium}) {\n margin-top: ${(props) => props.theme.marginTop ?? \"-100px\"};\n margin-bottom: ${(props) => props.theme.marginBottom ?? \"0px\"};\n position: relative;\n z-index: 2;\n padding-bottom: ${(props) => props.theme.paddingBottom ?? \"0\"};\n padding-top: ${(props) => props.theme.paddingTop ?? \"0px\"};\n }\n`;\n\nconst Box = styled.div`\n max-width: ${(props) => props.theme.width ?? \"400px\"};\n padding: 16px 0;\n`;\n\nconst TitleOutline = ({ title, theme, subtitle, inline }) => {\n return (\n \n \n \n \n {title}{\" \"}\n \n {subtitle}\n \n \n \n \n \n );\n};\n\nexport default TitleOutline;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { black1, brandColor3 } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Text = styled.strong`\n font-weight: 800;\n position: relative;\n color: ${(props) => props.theme.color ?? black1};\n box-shadow: inset 0 -0.325em ${(props) => props.theme.background ?? \"red\"},\n inset 0 -0.525em ${brandColor3};\n display: inline;\n\n span {\n position: relative;\n z-index: 2;\n }\n\n @media (${mediaMedium}) {\n &:before {\n height: 8px;\n bottom: 9px;\n }\n }\n`;\n\nconst TextHighlight = ({ theme, children }) => {\n return (\n \n {children}\n \n );\n};\n\nexport default TextHighlight;\n","import React from \"react\";\nimport Layout from \"../../components/Layout\";\nimport Seo from \"../../components/Seo\";\nimport loadable from \"@loadable/component\";\nimport LazyLoadSection from \"../../components/LazyLoadSection\";\nimport StaticSection from \"../../components/sections/PublishersStackAgencyStatic\";\n\nconst AsyncSection = loadable(() =>\n import(\"../../components/sections/PublishersStackAgencyDefer\")\n);\n\nconst StackAgency = () => (\n \n \n\n }>\n \n \n \n);\n\nexport default StackAgency;\n"],"sourceRoot":""}